Completed
) Intro
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Gatsby Static Site Generator Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 ) Intro
- 2 ) Gatsby Info
- 3 ) Course Structure
- 4 ) Course Requirements
- 5 ) Vs Code
- 6 ) Module Intro
- 7 ) Install Gatsby-Cli
- 8 ) Setup New Gatsby Project
- 9 ) Folder Structure
- 10 ) First Page
- 11 ) Error Page
- 12 ) Nested Structure
- 13 ) Links
- 14 ) Navbar
- 15 ) Layout Component
- 16 ) CSS Module Intro
- 17 ) Inline CSS
- 18 ) Global CSS
- 19 ) CSS Naming Issues
- 20 ) CSS Modules
- 21 ) Styled-Components
- 22 ) House Cleaning
- 23 ) Styles
- 24 ) Footer
- 25 ) Error Page
- 26 ) Contact Page
- 27 ) Assets And Icons
- 28 ) Navbar Setup
- 29 ) Navbar Logic
- 30 ) Gatsby Image Info
- 31 ) Sandbox Setup
- 32 ) Install Plugin
- 33 ) Static Image Setup
- 34 ) Shared Props And Options
- 35 ) Options Example
- 36 ) All Layouts
- 37 ) Height
- 38 ) About Page
- 39 ) Hero Page
- 40 ) Gatsby And GraphQL Intro
- 41 ) Gatsby DataLayer In A Nutshell
- 42 ) GraphiQL Interface
- 43 ) SiteMetadata
- 44 ) First Query
- 45 ) Explorer
- 46 ) Static Query Vs Page Query
- 47 ) UseStaticQuery Hook - Code Exporter
- 48 ) UseStaticQuery, GraphQL - From Scratch
- 49 ) Field Alias
- 50 ) Query Keyword, Name And Gatsby Clean
- 51 ) Page Query
- 52 ) Install SOURCE-FILESYSTEM Plugin
- 53 ) AllFile Field
- 54 ) Query Arguments
- 55 ) Static Path Fix
- 56 ) File - Field
- 57 ) SourceInstanceName - Argument
- 58 ) Gallery Setup
- 59 ) GatsbyImageData - Field
- 60 ) Render Gallery
- 61 ) GetImage - Helper Function
- 62 ) Local VS External Data
- 63 ) Headless CMS
- 64 ) Contentful
- 65 ) Setup Contentful Account
- 66 ) Content-Type
- 67 ) Content
- 68 ) Connect Gatsby - Contentful
- 69 ) ENV Variables
- 70 ) AllContentfulRecipe - Field
- 71 ) AllRecipes Component
- 72 ) RecipesList Component
- 73 ) Featured Recipes
- 74 ) Utils Setup
- 75 ) Helper Function
- 76 ) TagsList
- 77 ) Tags Page
- 78 ) Recipe Template Page Setup
- 79 ) Recipe Template Page Walkthrough
- 80 ) Slugify
- 81 ) Query Variables
- 82 ) Recipe Template Query
- 83 ) Recipe Template Return
- 84 ) GATSBY-NODE.JS Setup
- 85 ) Create Tag Pages Programmatically
- 86 ) Tag Template Return
- 87 ) Possible Bug Fix
- 88 ) Fonts
- 89 ) Contact Form
- 90 ) FAVICON
- 91 ) SEO Setup
- 92 ) SEO - Props
- 93 ) SEO - Complete
- 94 ) Netlify Info
- 95 ) Netlify - Drag And Drop
- 96 ) Continuous Deployment
- 97 ) Webhooks