vuefront

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).
<a href="https://wordpress.vuefront.com/" title="VueFront Web App DEMO" rel="nofollow ugc">DEMO: VueFront Web App</a>
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 <a href="https://vuefront.com/guide/setup.html" title="VueFront Quick Setup Guide" rel="nofollow ugc">VueFront Quick Setup Guide</a>.
<h3>How to Use</h3>
Once the plugin is activated, the CMS Connect URL will function automatically, providing VueFront Web App access to the website data.
You can now build and deploy your PWA and SPA Web App directly from the comfort of your WordPress Admin Panel.
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 PWA & SPA.

VueFront PWA & SPA

Free PWA & SPA for WordPress & Woocommerce with AMP & GraphQL.

Josh Pollock

Ben Meredith

Jason Bahl

Headless mode sets up a redirect for all users trying to access the site. The only requests that are granted admission are ones that are either trying to access the REST API, the WP GraphQL API, or any logged-in user looking to access the headless install to edit or create posts.

Headless Mode

This tiny plugin works exactly as intended. 

Simple to set up and works great!

Once you take the head off of WordPress, nobody needs to see it. This plugin hides the front end by redirecting to the shiny static (etc) site.

VueFront PWA & SPA vs Headless Mode