Gatsby Static Site Generator Tutorial

From the creator

Learn how to use Gatsby (Version 3) in this full course for beginners. Gatsby is a static site generator that makes it quick to develop websites. You will learn how to create a recipes site. 💻 Code: https://github.com/john-smilga/gatsby-v3-tutorial-recipes ✏️ Course from John Smilga of Coding Addict. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:56) Gatsby Info ⌨️ (0:02:46) Course Structure ⌨️ (0:03:28) Course Requirements ⌨️ (0:05:09) Vs Code ⌨️ (0:06:02) Module Intro ⌨️ (0:07:29) Install Gatsby-Cli ⌨️ (0:09:29) Setup New Gatsby Project ⌨️ (0:15:07) Folder Structure ⌨️ (0:29:42) First Page ⌨️ (0:38:26) Error Page ⌨️ (0:41:01) Nested Structure ⌨️ (0:44:41) Links ⌨️ (0:51:21) Navbar ⌨️ (0:56:26) Layout Component ⌨️ (1:05:44) CSS Module Intro ⌨️ (1:06:47) Inline CSS ⌨️ (1:08:27) Global CSS ⌨️ (1:14:01) CSS Naming Issues ⌨️ (1:17:50) CSS Modules ⌨️ (1:28:04) Styled-Components ⌨️ (1:40:51) House Cleaning ⌨️ (1:48:33) Styles ⌨️ (1:53:05) Footer ⌨️ (1:56:31) Error Page ⌨️ (1:57:38) Contact Page ⌨️ (2:03:45) Assets And Icons ⌨️ (2:10:56) Navbar Setup ⌨️ (2:20:11) Navbar Logic ⌨️ (2:24:51) Gatsby Image Info ⌨️ (2:28:30) Sandbox Setup ⌨️ (2:34:36) Install Plugin ⌨️ (2:38:15) Static Image Setup ⌨️ (2:45:41) Shared Props And Options ⌨️ (2:50:20) Options Example ⌨️ (2:58:10) All Layouts ⌨️ (3:04:29) Height ⌨️ (3:09:04) About Page ⌨️ (3:18:56) Hero Page ⌨️ (3:25:19) Gatsby And GraphQL In

Published 2021-09-16 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.