VueFront PWA & SPA

Leírás

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.

Képernyőmentések

  • 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

Telepítés

  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.

GYIK

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 https://vuefront.com/guide/setup.html

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.

Közreműködők és fejlesztők

“VueFront PWA & SPA” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“VueFront PWA & SPA” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

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

Változási napló

1.2.0

Edited Blog Post resolver
Bug fixes

1.1.0

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

1.0.0

Initial release.