In this episode we are going to rework our application to accommodate for pagination using WP REST API and Vue.js. This is not very hard to do once you know where WordPress stores information you need to create that pagination.

We are not going to be creating complicated pagination but a simple one, and as you will see even that takes some work. It would be much simpler if WP REST API gave us all the information for making pagination, but, we have to work with what we have and calculate missing information.

In this episode of Theming with WordPress REST API I'm going to show you how you can make simple pagination with Vue.js for your WP REST API application.

Simple Pagination

Just like we did with the images in the [previous video](http://watch-learn.com/video-tutorials/theming-with-wp-rest-api-part-03-add-images-to-api/) we will have to manipulate our REST API a little bit to get the names of our categories. But us you will see that is not hard at all, because WordPress has some handy functions for doing that.

In this Theming With WP REST API tutorial we are going to display categories bellow titles of our posts using Vue.js and WordPress API.

Display Categories

In this tutorial series I'm not going to explain the basics of Vue.js but I will try to go slow with the Vue.js parts of this WordPress theme. If you want a bit more in-depth view of the Vue.js you [Check out these videos](http://watch-learn.com/series/one-page-app-with-drupal-and-vue/) where I talk about Vue.js in more detail.

My personal opinion is that Vue.js is much easier to understand then something like Angular or React.js, and this is why I chose it for this series. It is also lightweight so it won't add much overhead to our WordPress theme.

In this episode I'm going to show you how to get the list of posts form your WP REST API and then display them in your Vue.js template.

In this tutorial I'm going to show you how you can connect to WordPress REST API get the list of posts and then display them using Vue.js

Listing Posts

There has been a lot of talk in the WordPress community about WordPress REST API. Also there has been talk of adding REST API to the core. Although the WP REST API is still in beta at the time of this video it is pretty well developed. As you will see in this series. It is also very flexible, as you will also see.

So in this series we are going to totally abandon all WordPress's default functionality and PHP and we are going to create a theme using only Vue.js and the REST API.

We are going to be creating just a standard blog, but it's going to be very fast and responsive, and all of that is due to using WP REST API instead of dealing with WordPress loops, and making calls to the database.

In this series we are going to be creating a theme for WordPress using WP REST API and Vue.js as a frontend framework instead of PHP. Check out the video to see the finished product.

Tutorials tagged with: Vue resource

Get in touch