• Урок 1. 00:05:11
    Introduction - overview of the Gatsby JS + Prismic course
  • Урок 2. 00:03:45
    Gatsby overview and project setup
  • Урок 3. 00:04:45
    Prismic setup and overview
  • Урок 4. 00:05:12
    Linking Gatsby to Prismic
  • Урок 5. 00:00:46
    Querying Prismic data using the GraphiQL tool
  • Урок 6. 00:03:05
    Overview of GraphQL
  • Урок 7. 00:04:25
    Generating pages from Prismic data in Gatsby
  • Урок 8. 00:07:32
    Page queries in Gatsby
  • Урок 9. 00:08:03
    Rendering Prismic HTML content correctly in Gatsby
  • Урок 10. 00:05:41
    Page layout and adding navigation to Prismic
  • Урок 11. 00:04:21
    Styling in Gatsby with React Styled Components
  • Урок 12. 00:09:16
    Querying the navigation menu data from Gatsby
  • Урок 13. 00:04:59
    Styling the header with styled components
  • Урок 14. 00:04:58
    Adding the branding to the header in Gatsby
  • Урок 15. 00:06:34
    Slice zones in prismic + creating the homepage
  • Урок 16. 00:07:47
    Rendering the hero custom slice in Gatsby / React
  • Урок 17. 00:07:31
    Adding background image to hero + styling in Gatsby with React styled components
  • Урок 18. 00:06:43
    Add call to action grid custom slice in Prismic
  • Урок 19. 00:08:18
    Rendering + styling call to action grid in Gatsby using React styled components
  • Урок 20. 00:06:52
    Finishing the styling of the call to action grid
  • Урок 21. 00:06:00
    Add the price list custom slice in Prismic
  • Урок 22. 00:07:19
    Rendering and styling the price list in Gatsby
  • Урок 23. 00:06:05
    Finishing the styling of the price list in Gatsby
  • Урок 24. 00:02:56
    Adding the contact page data to prismic
  • Урок 25. 00:08:56
    Rendering the contact page in Gatsby
  • Урок 26. 00:03:48
    Refactoring RichText component to render Gatsby Link components
  • Урок 27. 00:03:34
    Rendering new RichText with internal Gatsby links on the contact page
  • Урок 28. 00:07:33
    Saving custom slices to the slice library
  • Урок 29. 00:05:55
    Adding more content to the pages & updating styles
  • Урок 30. 00:03:57
    Deploy Gatsby site using Netlify
  • Урок 31. 00:02:28
    Testing out Netlify forms
  • Урок 32. 00:01:39
    Auto-rebuild our Gatsby site any time Prismic data changes (Netlify hooks)
Этот курс находится в платной подписке. Оформи премиум подписку и смотри Gatsby JS & Prismic: Build RAPID Gatsby sites | Gatsby 2020, а также все другие курсы, прямо сейчас!
Премиум