Урок 1.00:02:33
What You Need for this Course
Урок 2.00:01:01
How to Get Help in this Course
Урок 3.00:04:24
Using the Gatsby Docs
Урок 4.00:03:27
Creating our Project with the Gatsby CLI
Урок 5.00:04:08
Gatsby Starters to Easily Bootstrap New Projects (Optional)
Урок 6.00:06:15
Gatsby Project File Structure
Урок 7.00:06:45
Gatsby API Files / Using Git for File Tracking
Урок 8.00:04:07
Creating Pages, Routes and Nested Routes in Gatsby
Урок 9.00:05:03
Adding App Structure with Layout Component / Links in Gatsby
Урок 10.00:02:55
Getting Site Metadata with GraphQL and Static Queries
Урок 11.00:06:39
Using GraphiQL IDE to run our GraphQL Queries
Урок 12.00:04:15
Executing GraphQL Queries in our Gatsby Components
Урок 13.00:03:18
Adding / Querying for Custom Fields on Site Metadata
Урок 14.00:03:47
Querying for Filesystem Data with the gatsby-source-filesystem
Урок 15.00:04:33
Executing Static Queries from Scratch
Урок 16.00:08:16
Transformer Plugins / Using gatsby-transformer-remark to Transform Markdown
Урок 17.00:06:55
Displaying Preview of Markdown Posts in Blog Page
Урок 18.00:06:04
Programmatically Creating Slugs for Blog Posts with gatsby-node
Урок 19.00:09:03
Programmatically Creating Pages with gatsby-node
Урок 20.00:04:14
Using GraphQL Arguments and Variables to Get Individual Posts
Урок 21.00:03:58
Fetching Individual Post Data by Slug with Page Queries
Урок 22.00:06:05
Links to Blog Posts / Programmatically Creating Blog Pages
Урок 23.00:05:29
Adding Pagination with Prev Page / Next Page Links
Урок 24.00:08:31
Adding Numbered Pagination
Урок 25.00:06:44
Sorting, Filtering, Limiting, Skipping w/ GraphQL Arguments / Listing Blog Posts
Урок 26.00:04:58
Formatting Dates in Gatsby / Format Function in Moment
Урок 27.00:02:07
Formatting Excerpts
Урок 28.00:02:29
Time To Read for each Post / Formatting Dates on our Blog Pages
Урок 29.00:05:50
Importing Images in Gatsby / Adding our Site Logo
Урок 30.00:02:40
What is Gatsby Image / Why Use Gatsby Image
Урок 31.00:03:31
Querying for Images in GraphiQL / gatsby-transformer-sharp Plugin in Action
Урок 32.00:03:21
GraphQL Fragments for Easier Image Queries / Displaying Images with Gatsby Image
Урок 33.00:03:02
Key Details about Images Served with Gatsby Image
Урок 34.00:05:26
Embedding Images in Markdown Files with gatsby-remark-images
Урок 35.00:07:25
Intro to Headless CMS and Contentful / Creating Content Model for our Products
Урок 36.00:06:18
Managing Environment Variables within Gatsby / Fetching Products from Contentful
Урок 37.00:10:22
Creating our Individual Product Pages / Displaying Contentful Images
Урок 38.00:05:42
Querying / Previewing all Products on Products Page
Урок 39.00:09:28
Add Ability to Purchase Products with Snipcart
Урок 40.00:05:18
Display Shopping Cart Summary in Header
Урок 41.00:07:08
Adding Custom NavLinks in Header Component
Урок 42.00:07:27
Using Netlify for Deployment / Continuous Deployment with Github
Урок 43.00:09:27
Using Netlify Identity for Multi-Factor Authentication in our Site
Урок 44.00:08:05
Displaying Private Products for Auth Users