Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Gatsby with Wordpress as a headless CMS
Introduction and Setup
Introduction (0:42)
Project Overview (6:39)
OPTIONAL! - Wordpress CMS structure Walkthrough (8:21)
Project setup, folder structure and files (9:11)
OPTIONAL - Setup Tango WP site locally with Docker-compose (5:16)
Plugins config (14:46)
Layout Component
Scaffolding Layout component and state (10:44)
Hamburger and Overlay menu (22:20)
Header (12:48)
Navigation (8:11)
Footer (12:37)
Index Page
Scaffolding and Slide Component (16:19)
Hero Slider Component (25:26)
CTA Images Component (13:45)
Latest Trend Component (8:23)
Quote and About Components (13:52)
Page Template
Node.js coding for the Page Template (15:13)
Page Component (20:39)
Breadcrumb Component (13:13)
Page Sidebar Component (19:08)
Archive Template
Node.js coding for the Archive Template (19:26)
Archive Template Component (20:48)
Archive Pagination Component (8:23)
Archive Page Sidebar (13:04)
Post Template
Node.js coding for Post Template and Post Component (14:08)
Post Sidebar (9:09)
Build and Deploy
Production Build (5:37)
Webhooks with Netlify (4:12)
Webhooks with Wordpress (3:09)
Plugins config
Download