Build Gatsby site with React and WordPress as a headless CMS
Build Gatsby site with React and WordPress as a headless CMS, available at $64.99, has an average rating of 4.2, with 45 lectures, based on 18 reviews, and has 404 subscribers.
You will learn about Setup a project from scratch with Gatsby CLI GraphQL Integrate WordPress as a headless CMS to Gatsby Create website using Gatsby and WordPress(Headless CMS) React WordPress This course is ideal for individuals who are Students who wants to create projects on Gatsby and WordPress It is particularly useful for Students who wants to create projects on Gatsby and WordPress.
Enroll now: Build Gatsby site with React and WordPress as a headless CMS
Summary
Title: Build Gatsby site with React and WordPress as a headless CMS
Price: $64.99
Average Rating: 4.2
Number of Lectures: 45
Number of Published Lectures: 45
Number of Curriculum Items: 45
Number of Published Curriculum Objects: 45
Original Price: $24.99
Quality Status: approved
Status: Live
What You Will Learn
- Setup a project from scratch with Gatsby CLI
- GraphQL
- Integrate WordPress as a headless CMS to Gatsby
- Create website using Gatsby and WordPress(Headless CMS)
- React WordPress
Who Should Attend
- Students who wants to create projects on Gatsby and WordPress
Target Audiences
- Students who wants to create projects on Gatsby and WordPress
Gatsby with WordPress as a headless use React and the static site generator Gatsby to build a front end for a WordPress site
Create a REAL WORLD CLIENT Front End with Gatsby.js and WordPress as a Headless CMS!!
This course will NOT teach you how to build a WordPress site. The actual WordPress backend is pre built and I will not show how to build that. The sole purpose of this course is to teach Gatsby and how you can use Gatsby to create a Front End from a WordPress CMS. The purpose is NOT to show how the complete site is built with WordPress.
Are you a developer that like “code along” style learning? Do you want to learn Gatsby.js fundamentals in a real world project oriented course? Do you like quick learning and straight down to the point? Then this is the course for you!
In this course we’re building a real world website in Gatsby.js
My teaching style and belief is that you learn more by creating many smaller projects than one overwhelming 25 + hours course that tries to show you everything and don’t focus on the fundamentals that much. So this is a shorter, project oriented, course where You’ll learn how to create a real world client site from scratch with Gatsby.js. Gatsy uses GraphQL by default so this is an awesome way to start with some GraphQL.
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!
Please make sure to download the STARTER FILES from the resources!
Course Curriculum
Chapter 1: Introduction and Setup
Lecture 1: Introduction
Lecture 2: Setup WP Site using Local by FlyWheel
Lecture 3: WP site and needed WP Plugins
Lecture 4: Short about tooling
Lecture 5: Create a new Gatsby Project with Gatsby CLI
Lecture 6: Install Dependencies
Lecture 7: Copy from Starter Files and cleanup
Lecture 8: Setup Gatsby plugins
Chapter 2: Layout Component
Lecture 1: Layout – Creating Component
Lecture 2: Layout – Hamburger
Lecture 3: Layout – GraphQL Query and custom hook
Lecture 4: Layout – Header
Lecture 5: Layout – Navigation
Lecture 6: Layout – Footer
Lecture 7: Layout – OverlayMenu
Chapter 3: Index Page
Lecture 1: Index – HeroImage – GraphQL query
Lecture 2: Index – HeroImage
Lecture 3: Index – CtaArea – GraphQL query
Lecture 4: Index – CtaArea
Lecture 5: Index – Cta
Lecture 6: Index – Latest Blog Post – GrqphQL query
Lecture 7: Index – Latest Blog Post
Lecture 8: Index – Quote – GraphQL query
Lecture 9: Index – Quote
Lecture 10: Index – About – GraphQL query
Lecture 11: Index – About
Chapter 4: Page Template
Lecture 1: Page – Create pages with the Route API
Lecture 2: Page – Structuring
Lecture 3: Page – Page query
Lecture 4: Page – PageHero
Lecture 5: Page – BreadCrumb
Lecture 6: Page – Sidebar and content
Chapter 5: Archive Template (Blog)
Lecture 1: Archive – Gatsby-node – GraphQL query
Lecture 2: Archive – Template Structure
Lecture 3: Archive – gatsby-node – Create Pages
Lecture 4: Archive – Template – Page Query
Lecture 5: Archive – Template – Hero Image and BreadCrumb
Lecture 6: Archive – Template – Sidebar
Lecture 7: Archive – Template – Content
Lecture 8: Archive – Template – Pagination
Chapter 6: Post Template
Lecture 1: Posts – Create post pages with the Route API
Lecture 2: Posts – Scaffolding
Lecture 3: Posts – Page query
Lecture 4: Posts – Sidebar and content
Chapter 7: Github Link
Lecture 1: Github Link
Instructors
-
Tech Vista
Full Stack Developer
Rating Distribution
- 1 stars: 3 votes
- 2 stars: 1 votes
- 3 stars: 0 votes
- 4 stars: 2 votes
- 5 stars: 12 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024