Udemy – Gatsby JS: Build static sites with React WordPress & GraphQL 2019-10

Description

Gatsby JS: Build static sites with React WordPress & GraphQL is a training course from Udemy that teaches how to build static websites with the help of Gatsby JS and using WordPress and GraphQL. Do you want to improve your React JS skills as a Front End developer? Gatsby lets you build great, fast websites from your data and build a new generation of websites without using a CMS.

Gatsby JS uses the React JS framework and the GraphQL language to generate static pages from existing datasets. This course shows how to use WordPress as a CMS and how to use GatsbyJS to generate React sites from WordPress posts, pages, media files, and menus, and how to query WordPress data. At the end of the course, you will learn how to distribute the website with the help of Netlify and use it to update the generated content.

Items that will be taught in this course

Meet Gatsby

Improve Front End programming skills

Build a static website with the help of Gatsby JS

Use GraphQL and GraphiQL to query WordPress data

Use WordPress as a website backend

Use Netlify

Gatsby JS course specifications: Build static sites with React WordPress & GraphQL

English language

Duration: 3 hours and 49 minutes

Number of courses: 44

Level of education: Intermediate

Instructor: Tom Phillips

File format: mp4

Topics

44 lectures 03:49:16

Introduction & Setup 6 lectures 27:34

Rendering pages and querying data with GraphiQL & GraphQL 8 lectures 34:28

Creating the Menu 6 lectures 42:38

WordPress custom “Portfolio” post type 2 lectures 08:59

Querying & rending custom portfolio post types in Gatsby 4 lectures 26:45

Advanced custom fields 2 lectures 12:29

UI updates and fixes 3 lectures 09:40

Create a blog with pagination 6 lectures 38:35

Migrating local WordPress site to a live Digital Ocean server 3 lectures 19:22

Deploying a Gatsby site on Netlify 2 lectures 08:20

Bonus Github repo 2 lectures 00:25

Prerequisite for Gatsby JS: Build static sites

Have a basic understanding of React JS

Installation

After Extract, watch with your favorite Player.

English subtitle

Quality: 720p