Vue Templates Logo Vue Templates
Wordexpress Starter Vue screenshot

Wordexpress Starter Vue

Author Avatar Theme by Ramsaylanier
Updated: 18 Oct 2018
257 Stars

WordPress with Vue, GraphQL, and Node

Github

Categories

Scss

Overview:

The WordExpress Starter - Vue (AKA VuePress) is a development kit for WordPress using Vue, GraphQL, and Express. It provides a starting point for working with WordExpress using Vue, allowing developers to create WordPress themes with the power of Vue, GraphQL, and Express. The kit includes a server that connects to the WordPress database using GraphQL, configuration files, and custom post fields for creating layout components.

Features:

  • Integration of Vue, GraphQL, and Express for WordPress development
  • Easy setup and connection to WordPress database using WordExpress Server
  • Custom layout components for creating unique page layouts
  • Integration with Advanced Custom Fields plugin for additional custom page fields

Installation:

To install and set up the WordExpress Starter - Vue, follow these steps:

  1. Clone the WordExpress Server repo and follow the instructions for setting it up.
  2. Create a client.json file in the /config directory, using the /config/sample-client.config.json file as an example. Update the file to point to the URL where your WordExpress Server is running and specify the theme to use.
  3. Set up a fresh WordPress installation and perform the following basic setup items:
    • Create a page called ‘Homepage’
    • Create a menu called ‘primary-navigation’
    • Install the Advanced Custom Fields plugin into your WordPress backend.
  4. Import the included acf-export.json file into the Advanced Custom Fields plugin. This will provide you with a few basic custom page fields for creating layout components.
  5. Use the custom field to set the layout component for each page. Currently, there are three layout components available: DefaultPage, PageWithHeader, and PostList. If no layout component is specified, DefaultPage will be used.

Summary:

The WordExpress Starter - Vue is a powerful development kit for creating WordPress themes using Vue, GraphQL, and Express. It provides an easy setup process, integration with WordExpress Server for connecting to the WordPress database, and customizable layout components using Advanced Custom Fields. With the WordExpress Starter - Vue, developers can harness the power of Vue to build unique and dynamic WordPress themes.