Gatsby Site using Wordpress As Headless CMS
Welcome to the Gatsby Course
In this course you will be learning how to develop a site from scratch using Gatsby and use WordPress as a headless CMS
This course is divided in 2.
In the first past of the video:
you will learn the learn the following:
• Installing Node
• Installing Git
• Installing visual studio code
• Set up WordPress with Local by Flywheel
• Set up WordPress with Xampp
• Build Headless WordPress Theme from scratch
• Install custom rest api plugins
• Create custom WordPress post type
• Creating Advanced Custom Fields in WordPress
• Set up Gatsby
• Install WordPress source plugin in Gatsby
• Rendering pages and querying data with GraphiQL & GraphQL
• Building Components
o Logo
o Site Info
o Portfolio Item
o Menu
o Footer
• Retrieving and rendering the Wordpress
o site title and
o Tagline
o Logo
o Pages
o Portfolio
In The second part of the video you will learn
• How to add portfolio item in the portfolio page
• Add acf link to the portfolio items
• Create blogs component
o Creating blog post data and building the GraphQL query
o Calculating the number of pages
o Creating and rendering the blog list & pagination
o Add "Blog" to the main menu & improve pagination styling
• Creating and linking to blog post pages
• Migrate WordPress local to web hosting
• Deploy Gatsby site on Netlify
• Use GitHub Repo