Two awesome tools in perfect harmony!


Gatsby and WordPress makes a perfect combination when building modern websites.

Some of the stuff you'll learn



Gatsby - React - GraphQL - Headless WordPress CMS - Scoped CSS - Deploy to Gatsby Cloud - Continuous Deployment & much more!


Cake It!

Build a fictional site for a cake company based on a real live client site. Same site, different content!

You'll create an awesome home page, a blog archive, and pages on the site with all content sourced from Wordpress.


WordPress has been around for many years now and is still one of the most used CMS around the world.

As WordPress is great and has a very easy to use and recognizable interface on the CMS there are better tools for creating the Front End today!

It turned out that Gatsby is perfect to use in combination with WordPress. That way you get a blazing fast and modern Front End that is SEO optimized and your clients won't even have to learn a new CMS. They can use the same familiar WordPress CMS and won't have to learn anything new.

As this is a project oriented course you will progressively learn more up until the site is finished.

What this course IS!


- This is an intermediate course. I assume that you know some Javascript and React

- This is a quite fast paced project oriented course to learn the fundamentals of Gatsby.js

- This is a course were you will learn GraphQL basics.

- This is a "code along" style of course.

- This is a course were you will learn how to connect an existing Wordpress site to Gatsby.js and use it as a Headless CMS.

- This is a course were you will use React. It will not teach basics of React but it should be good for an intermediate React developer.

- This is a course that uses a lot of ES6 Syntax.


What this course IS NOT!


- This course is not a beginner React course

- This course will not deeply explain React syntax.

- This course will not teach GraphQL in detail. (We will use it though and should be a great overview/start to learn GraphQL)

- This course will not teach Wordpress and how the actual Wordpress backend is built. We're not building anything in Wordpress. The course is focused to learn Gatsby.js and how to connect an existing Wordpress site to Gatsby.


My main goal with this course is to mix fun with teaching. There's many tutorials and courses out there that are great but too complex and focus on a lot at the same time. Hope you enjoy it too!


Choose a Pricing Option

$79

One time purchase

Example Curriculum

  Starter Files
Available in days
days after you enroll
  Introduction
Available in days
days after you enroll
  Setup WordPress site
Available in days
days after you enroll
  Setup Gatsby Project
Available in days
days after you enroll
  Configure Gatsby Project
Available in days
days after you enroll
  Layout Component
Available in days
days after you enroll
  Home Page
Available in days
days after you enroll
  Pages
Available in days
days after you enroll
  Blog Archive
Available in days
days after you enroll
  Posts
Available in days
days after you enroll
  Production Build and Deploy
Available in days
days after you enroll