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