VueJs + Wordpress Headless Boilerplate is a project template for building fast, robust, and adaptable web apps or sites based on VueJS for the front-end & Wordpress as Headless CMS for the back-end.
This project is the product of lecture on Zoom, in Hebrew language.
Source files: https://github.com/Mosharush/wp-vue-boilerplate
- Clone the git repo —
git clone https://github.com/Mosharush/wp-vue-boilerplate.git - Open the project with your favorite IDE — ex:
codium wp-vue-boilerplate - Install all dependencies with Yarn —
yarn install - Start All dev servers (include Dockers services) —
yarn start:all - All is ready! Go to http://localhost to view your app or Go to your
WordPress Admin Dashboard.
- A finely-tuned starter template to development End-to-End Web application.
- A Starter build of
VueJsApp integration withWordPressHeadless. Dockerfor servers virtualization and quick startup.MySQL ServerFor a local DataBase to storeWordPressdata.PhpMyAdminWeb-App to accessMySQLData via GUI.
wp-contentdirectory volume access included Aheadlessplugin to write your custom code to integrate withWordPressHooks and more...- Feature Ongoing:
wp-config.phpmanipulate.
- Feature Ongoing:
- An example global Yarn (worksapces) package.json file with commands built in to jumpstart application development
Install all dependencies with Yarn (not NPM, we using Yarn workspaces)
yarn install
- Post install action: we generate a SSL certificate for
localhostdomain to support https connections. you can change the registered domains onnginx/ssl/v3.extfile and run generateyarn generate:ssl
Start All Servers:
yarn start:all
Start Only Docker Services with Docker Compose:
yarn start:docker
Stop docker containers:
yarn stop
Start Only Vue App Dev Server (HMR):
yarn start:client
Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is welcome to contribute, however, if you decide to get involved, please take a moment to review the guidelines:
The code is available under the MIT license.