Build Gatsby site with React and WordPress as a headless CMS

سرفصل های دوره

Create a REAL WORLD Front End with Gatsby.js, React and WordPress as a Headless CMS!!

1. Introduction and Setup

1. Introduction

2. Setup WP Site using Local by FlyWheel

3. WP site and needed WP Plugins

4. Short about tooling

5. Create a new Gatsby Project with Gatsby CLI

6. Install Dependencies

7. Copy from Starter Files and cleanup

8. Setup Gatsby plugins

2. Layout Component

1. Layout - Creating Component

2. Layout - Hamburger

3. Layout - GraphQL Query and custom hook

4. Layout - Header

5. Layout - Navigation

6. Layout - Footer

7. Layout - OverlayMenu

3. Index Page

1. Index - HeroImage - GraphQL query

2. Index - HeroImage

3. Index - CtaArea - GraphQL query

4. Index - CtaArea

5. Index - Cta

6. Index - Latest Blog Post - GrqphQL query

7. Index - Latest Blog Post

8. Index - Quote - GraphQL query

9. Index - Quote

10. Index - About - GraphQL query

11. Index - About

4. Page Template

1. Page - Create pages with the Route API

2. Page - Structuring

3. Page - Page query

4. Page - PageHero

5. Page - BreadCrumb

6. Page - Sidebar and content

5. Archive Template (Blog)

1. Archive - Gatsby-node - GraphQL query

2. Archive - Template Structure

3. Archive - gatsby-node - Create Pages

4. Archive - Template - Page Query

5. Archive - Template - Hero Image and BreadCrumb

6. Archive - Template - Sidebar

7. Archive - Template - Content

8. Archive - Template - Pagination

6. Post Template

1. Posts - Create post pages with the Route API

2. Posts - Scaffolding

3. Posts - Page query

4. Posts - Sidebar and content

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training