Gatsby Static Site Generator Tutorial

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 Intro ⌨️ (3:28:39) Gatsby DataLayer In A Nutshell ⌨️ (3:30:20) GraphiQL Interface ⌨️ (3:36:35) SiteMetadata ⌨️ (3:42:14) First Query ⌨️ (3:51:27) Explorer ⌨️ (3:53:52) Static Query Vs Page Query ⌨️ (3:55:18) UseStaticQuery Hook - Code Exporter ⌨️ (4:01:34) UseStaticQuery, GraphQL - From Scratch ⌨️ (4:12:05) Field Alias ⌨️ (4:15:06) Query Keyword, Name And Gatsby Clean ⌨️ (4:18:19) Page Query ⌨️ (4:25:20) Install SOURCE-FILESYSTEM Plugin ⌨️ (4:35:33) AllFile Field ⌨️ (4:41:50) Query Arguments ⌨️ (