-
Урок 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