We are updating our site. If you find a bug hit us on our discord channel chat with us

What is VueFront?

VueFront Official

Oct 28, 2019

What is VueFront?

VueFront is a CMS Agnostic PWA & SPA Frontend Framework for your old-fashioned website.

VueFront consists of two parts:

  1. CMS Connect App - turns your CMS website into a Headless CMS by implementing a GraphQL API.
  2. VueFront Web App - Built on VueJS with Nuxt, it is a PWA & SPA Web App.

Why VueFront?

Modern Web technologies have made a huge leap ahead while the majority of the Web stayed behind using old CMS with over 200 million websites powered by WordPress, Magento, OpenCart, PrestaShop and others.

Back in the day, when CMSs became popular, websites were rendered by the server on request. On every page hit the server would evaluate your query and build you a webpage with all the HTML and CSS on the fly.

Now, modern Web Apps are precompiled with the HTML and CSS optimized to be downloaded as quickly as possible. After that, only data is sent to the app in form of a JSON string. This new approach offers a much better user experience and page load speed.

VueFront brings all these new technologies in one simple to install package. It takes less than 5 minutes to set up and launch your VueFront Web App.

What is a VueFront CMS Connect App?

When installing VueFront, you first need to start by installing the CMS Connect App on your CMS website (like Wordpress).

Currently, we have 4 major CMSs available:

  1. WordPress
  2. Magento
  3. OpenCart
  4. PrestaShop

After installing the CMS Connect App, you will be provided in the admin panel of your app a CMS Connect URL. Save this URL for the next step, when you will be installing VueFront Web App.

What is VueFront Web App?

VueFront Web App is a VueJS Web App built on Nuxt. Think of it as your new frontend. The Web App is out-of-the-box:

  1. PWA - progressive web app
  2. SPA - single page application
  3. AMP - accelerated mobile pages
  4. Atomic Design

The Web App pulls the data from the CMS Connect URL, proved by the CMS Connect App.

The Web App needs to be precompiled for production. There are several options for deploying your VueFront Web App:

  1. As a Single Page Application
  2. As a Static website
  3. As a SPA with Server Side rendering (recommended)

The final option is the best for SEO.

Read more about VueFront

VueFront Official

VueFront Offical Developer account. Quality Themes and Apps from the creators of VueFront Framework.

Latest Post
How does VueFront work?
VueFront Official

Oct 29, 2019

What is VueFront?
VueFront Official

Oct 28, 2019

What is VueFront's Technology Stack
VueFront Official

Sep 24, 2019

Why Progressive Web Apps are better?
VueFront Official

Sep 24, 2019

Ready to try VueFront?
Turn your current website into a modern Web App for free.