Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Gatsby with Wordpress as a headless CMS [2020]
Introduction and Setup
Introduction (0:41)
Project Overview (4:47)
Bootstrap project with Gatsby CLI - Copy files from Starter files (8:30)
Install Plugins (4:14)
OPTION 1 - Setup WP Site - Docker (6:12)
OPTION 2 - Setup WP Site - Own server with MAMP (6:25)
Plugins Setup (14:53)
OPTIONAL - WP CMS Walkthrough (8:20)
Layout Component
Scaffolding Layout component and state (10:42)
Hamburger and Overlay menu (22:18)
Header (12:46)
Navigation (7:53)
Footer (12:36)
Index Page
Scaffolding and Slide Component (16:17)
Hero Slider Component (25:24)
CTA Images Component (13:44)
Latest Trend Component (8:21)
Quote and About Components (13:50)
Page Template
Node.js coding for the Page Template (15:12)
Page Component (20:38)
Breadcrumb Component (13:11)
Page Sidebar Component (19:06)
Archive Template
Node.js coding for the Archive Template (19:25)
Archive Template Component (20:47)
Archive Pagination Component (8:22)
Archive Page Sidebar (13:03)
Post Template
Node.js coding for Post Template and Post Component (14:12)
Post Sidebar (9:08)
Build and Deploy
Production Build (5:36)
Webhooks with Netlify (4:11)
Webhooks with Wordpress (3:07)
OPTION 2 - Setup WP Site - Own server with MAMP
Download