How To Create A Toggle VueJS Component

In this tutorial we're going to build a form components for a checkbox but styled as a toggle. The functionality for this toggle will be just like a checkbox but will move the toggle when the checkbo...

Laravel & VueJS Algolia Search

I wanted to use an Algolia search box on my website and found that they've already done a lot of the hard work for me, by creating the vue-instantsearch package. This allows me to quickly hook into th...

Create Config Files For VueJS

In this tutorial we're going to learn how you can create different configuration files to be used on your VueJS/Laravel application depending on which environment you're working in. If you're working...

Create A Contact Form With VueJS And Laravel

In this tutorial we're going to learn how we can create a VueJS component for a contact form and create a Laravel API Endpoint that will send the message from the contact form. VueJS Contact Component...

VueJS Tag Input

In this tutorial we're going to use a VueJS component to easily add a tags input box to a form. You may use this input type in situations like creating tags for a blog post. It will allow you to add m...

VueJS Laravel Pagination Component

In this tutorial we're going to build a VueJS component you can use in your Laravel 5.4 projects when dealing with pagination. A component is one of the most powerful features of VueJS they allow you...

VueJS Markdown Editor

Markdown editors for writing are becoming a lot more popular these days, they make writing very easy you don't have to worry and styling you just write. You can quickly create a H1 by simply adding a...

Add Pagination To VueJS WordPress Theme

In this tutorial we're going to add previous and next pagination buttons to the Homepage and the Category page. When using the WordPress REST API to get post you need to use an argument of page, this...

Create 404 Page - VueJS WordPress Theme

In this tutorial we're going to create the 404 page for the WordPress theme. The 404 page is a page some companies have some fun with here is a page for your inspiration of what you can create 404 Pag...

Create Date Archives Page - VueJS WordPress Theme

In this tutorial, we're going to build a date archives page for your WordPress theme so that you can display a list of your previous posts sorted by date. If we were building a normal WordPress theme...

Create Search Results Page - VueJS WordPress Theme

In this tutorial we're going to revisit the Creating the Homepage tutorial and create the search form we added to the homepage. In the Homepage tutorial we added a component for Search.vue but didn't...

Create Author Page - VueJS WordPress Theme

If you have a multi-author blog then you will have information about the author of the post on the page so that user's can find out more about the author or more articles from the same writer. In this...

Create Category Page - VueJS WordPress Theme

The next tutorial in the VueJS WordPress theme series we're going to create the category pages for the theme. So far in the theme, we've created the homepage, the blog post page, and the static pages....

Create Static Pages - VueJS WordPress Theme

In the last tutorial we setup routes and components for our blog posts, we did this with dynamic routes. In this tutorial, we're going to create the routes and VueJS components for static pages. As th...

Create The Post Page - VueJS WordPress Theme

In the previous tutorial, we created the Homepage for the VueJS theme, with the Homepage showing a list of posts with a link to the post page we can now create the post page.