Gatsby.js + WordPress

In this mini-series we are going to try to create a site which will use Gatsby.js as a frontend and WordPress as a backend of the site. We are also going to learn a bit about GraphQL and React.js during this series. And I just want to mention that I don't know much about either Gatsby, React or GraphQL. But this is going to be a good opportunity to learn.

Link to video
Getting Posts And Pages cover

Gatsby.js + WordPressGetting Posts And Pages

In this mini-series I'm going to try and create website using Gatsby.js and WordPress.

Episode  1  / Duration 34:19  / 
Link to video
Listing Posts cover

Gatsby.js + WordPressListing Posts

In this episode we are going to list all the posts coming from our WordPress REST API using Gatsby.js

Episode  2  / Duration 19:34  / 
Link to video
Creating Menus cover

Gatsby.js + WordPressCreating Menus

In this episode I'm going to try to import WordPress menu into our Gatsby.js site, using WP REST API and GraphQL

Episode  3  / Duration 29:33  / 
Link to video
Pagination cover

Gatsby.js + WordPressPagination

In this episode we are going to be creating simple pagination for our WordPress and Gatsby.js site.

Episode  4  / Duration 09:24  / 
Link to video
Advanced Custom Fields cover

Gatsby.js + WordPressAdvanced Custom Fields

In this episode I'm going to show you how you can use Advanced Custom Fields for WordPress with our Gatsby.js site.

Episode  5  / Duration 11:00  / 
Link to video
Displaying images cover

Gatsby.js + WordPressDisplaying images

In this episode you are going to learn how to display images on your Gastby.js and WordPress site.

Episode  6  / Duration 15:38  / 
Link to video
Deploying and Fixing Errors cover

Gatsby.js + WordPressDeploying and Fixing Errors

In this final episode of Gatsby and WordPress tutorial series we are going to deploy our site and fix some errors that I made in previous episode.

Episode  7  / Duration 09:56  / 
© Watch And Learn,2024