VueFront PWA & SPA


VueFront is a modern Frontend Framework that allows any WordPress and Woocommerce website to become a fast Single Page Application (SPA) and a Progressive Web App (PWA).

DEMO: VueFront Web App

VueFront Web App is built on JAMstack and comes with AMP, GraphQL, Vuejs, Nuxt inside.

The VueFront WordPress Plugin is required to add a GraphQL API to your website to feed the data into the Web App.
When installed it will provide you with a CMS Connect URL. Use it to setup your VueFront Web App as discribed in the VueFront Quick Setup Guide.

How to Use

Once the plugin is activated, the CMS Connect URL will function automatically, providing VueFront Web App access to the website data.

If you have WooCommerce installed and activated, the plugin will automatically provide that data as well.

You do not need to do anything from the admin panel. It should work out-of-the-box.

Just enjoy the new SPA.


  • VueFront is a Single Page Application for WordPress
  • VueFront is SEO ready and loved by google for PWA & AMP
  • VueFront works off-line with service workers
  • VueFront supports WooCommerce
  • VueFront is built on JAMstak, VueJS, Nuxt, GraphQL
  • VueFront is super fast, off-line ready, seo ready
  • VueFront is the #1 PWA solution for WordPress and WooCommerce


  1. You can either install this plugin from the WordPress Plugin Directory,
    or manually download the plugin and upload it through the ‘Plugins > Add New’ menu in WordPress
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Visit plugin’s settings to get the CMS Connect URL
  4. Visit the VueFront Setup Guide to learn how to setup the Web App on step 2.


What do I do after I have installed the plugin?

The plugin will provide you with a CMS Connect URL. The next step is to install the Web app via the command line. It is actually very simple to do. Just fillow setup tutorial.

When I visit the CMS Connect URL, I see this error {“errors”:[{“message”:”Syntax Error GraphQL (1:1) Unexpected nn1: n ^n”,”category”:”graphql”,”locations”:[{“line”:1,”column”:1}]}]}

This is absolutly fine. It is a normal responce from GraphQL API saying you have not provided any details in you request. Continue with setting up the VueFront WebApp

I have setup the VueFront WebApp via the command line, but the site is not working. What do I do?

This is a very young technology and there could be version breaks. The first thing you should do is visit our Github Issues and search for help. If not found, create a new Issue and a developer will help you.

Contributors & Developers

“VueFront PWA & SPA” is open source software. The following people have contributed to this plugin.


Translate “VueFront PWA & SPA” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



Edited Blog Post resolver
Bug fixes


Added reviews total and categories to post
Added previous and next posts and datePublished
Fixed Including (or calling) javascript files included in WP core
Fixed Calling files remotely
Fixed Generic function (and/or define) names
Fixed Including (or calling) javascript files included in WP core
Fixed Calling files remotely


Initial release.