Creating The Homepage – VueJS WordPress Theme

March 27

With the project setup, we can now focus on building the pages we need for the WordPress theme. First we're going to start off with the homepage, throughout this project...

Building The App.vue Component

March 26

The most important component that we need to create is the vue App.vue component, this is the main Vue component that the application will use. This is the file that...

Making API Requests With Axios

March 26

To make requests to the WordPress REST API we need to install another library to help us make these requests. We can use something like jQuery which has helpers for...

Setup The WordPress Routes

March 25

With the styling for the theme setup and ready to go we can set up the routing for the WordPress theme. In a normal WordPress build, this is the section...

CSS Circle Triangle

March 24

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...

Setup Styling For The Theme

March 23

For the styling of this project, we'll simply be going to use a CSS framework like Bulma to speed things up. Bulma is a CSS framework that uses SASS and...

VueJS Project Structure

March 23

In the previous tutorial, we created a new VueJS project using the vue-cli command, in this tutorial we're going to investigate what this has done and look into how we...

Building A WordPress Theme Using VueJS

March 22

In this series, we're going to use VueJS to create a WordPress theme using the WordPress REST API to display your WordPress content. I'll try to go through all the...

Creating A REST API With Lumen

March 22

In this article, we will investigate how you can easily create a simple REST API using Lumen. To illustrate this API, we'll create a Books table, and then perform CRUD...

CSS Circle Loader

March 17

This is part of the CSS loader series that show different loaders that can be used in your application to show the user the app is processing and to please...