Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Gatsby JS & Shopify: Gatsby ecommerce sites [Gatsby 2020], а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:04:03
    Course introduction
  2. Урок 2. 00:05:30
    Gatsby & Shopify Overview
  3. Урок 3. 00:03:04
    Set up Gatsby project
  4. Урок 4. 00:07:22
    Gatsby project starter files walkthrough
  5. Урок 5. 00:09:22
    Set up Shopify & importing example products
  6. Урок 6. 00:01:57
    Disable Shopify real-life payments + enable bogus payments
  7. Урок 7. 00:02:33
    Collections in Shopify
  8. Урок 8. 00:06:13
    Set up API keys in Shopify & connect to Gatsby
  9. Урок 9. 00:03:03
    Query Shopify data using GraphiQL
  10. Урок 10. 00:08:08
    Query Shopify data from Gatsby & generate pages from product data
  11. Урок 11. 00:06:03
    Start building the product template
  12. Урок 12. 00:07:08
    Querying for a specific Product using page queries
  13. Урок 13. 00:11:06
    Introduction to styled components
  14. Урок 14. 00:05:15
    Introduction to images in Gatsby
  15. Урок 15. 00:06:29
    Creating the ImageGallery component
  16. Урок 16. 00:06:12
    Creating and rendering the ImageThumbnail components
  17. Урок 17. 00:05:17
    Implementing active thumbnail feature
  18. Урок 18. 00:09:07
    Introduction to CartContext and calling the shopify API dynamically
  19. Урок 19. 00:04:51
    Rendering the product variants
  20. Урок 20. 00:05:38
    Rendering the variant price
  21. Урок 21. 00:07:46
    Implementing routing for variants (part 1)
  22. Урок 22. 00:04:21
    Implementing routing for variants (part 2)
  23. Урок 23. 00:02:27
    Change the image thumbnail on variant selection
  24. Урок 24. 00:01:05
    Hide variants if only 1 variant
  25. Урок 25. 00:09:51
    Creating the ProductQuantityAdder component (part 1)
  26. Урок 26. 00:01:53
    Creating the ProductQuantityAdder component (part 2)
  27. Урок 27. 00:02:44
    Add logic to the ProductQuantityAdder
  28. Урок 28. 00:05:26
    Creating the Header component
  29. Урок 29. 00:07:11
    Implement the add to cart functionality
  30. Урок 30. 00:03:20
    Display the number of items and total price in header
  31. Урок 31. 00:05:17
    Link to the cart page
  32. Урок 32. 00:06:06
    Creating the page and rendering our cart items
  33. Урок 33. 00:07:46
    Styling the cart items
  34. Урок 34. 00:07:56
    Adding the quantity adjuster buttons
  35. Урок 35. 00:04:09
    Adding the delete button
  36. Урок 36. 00:05:09
    Adding collections data
  37. Урок 37. 00:06:11
    Querying collections from homepage
  38. Урок 38. 00:04:54
    Rendering collections grid
  39. Урок 39. 00:06:07
    Styling the collections tiles
  40. Урок 40. 00:06:36
    Styling the sale tile
  41. Урок 41. 00:05:10
    Rendering the featured products
  42. Урок 42. 00:06:54
    Styling the featured products grid
  43. Урок 43. 00:08:55
    Finishing the product tiles
  44. Урок 44. 00:05:28
    Creating the all-products page and rendering the filters
  45. Урок 45. 00:09:31
    Styling the filters and creating the Checkbox component
  46. Урок 46. 00:07:04
    Creating the Category filter checkbox functionality
  47. Урок 47. 00:07:40
    Implement select / deselect multiple category filters
  48. Урок 48. 00:10:58
    Rendering products
  49. Урок 49. 00:04:55
    Creating the search component
  50. Урок 50. 00:07:44
    Implementing the search filter via URL
  51. Урок 51. 00:06:31
    Add the search filter logic for the products
  52. Урок 52. 00:08:45
    Implementing the checkout
  53. Урок 53. 00:04:50
    Add "shop now" buttons to the homepage collection tiles
  54. Урок 54. 00:06:18
    Add a homepage logo link
  55. Урок 55. 00:04:39
    SEO
  56. Урок 56. 00:04:05
    Deploy to netlify
  57. Урок 57. 00:02:52
    Automatic re-build whenever shopify content changes
  58. Урок 58. 00:06:32
    Extending auto rebuild - intro to faunadb
  59. Урок 59. 00:05:38
    Netlify functions
  60. Урок 60. 00:19:59
    Finishing up auto rebuild