Course curriculum

  1. 1

    • Download
  2. 2

    • 2. What we will be building
  3. 3

    • 3. Next.js + Tailwind CSS Setup

    • 4. Shopify Setup
  4. 4

    • 5. Fetching Products with GraphQL

    • 6. Displaying Products on Home Page

    • 7. Dynamic Product Pages

    • 8. Layout (Header and Footer)

    • 9. Deploying to Vercel
  5. 5

    • 10. Product Page (Image)

    • 11. Product Page (Option Selector)

    • 12. Add To Cart Functionality

    • 13. Persisting Cart using localStorage

    • 14. MiniCart with Tailwind CSS

    • 15. Remove Item Functionality
  6. 6

    • 16. Clean up and small fixes

    • 17. Product Page Image Swiper

    • 18. Footer

    • 19. Recommended Products Section

    • 20. Home Page Sections
  7. 7

    • 21. SEO for Next.js and eCommerce

    • 22. SWR for Dynamic Content Fetching

    • Storefront API Update (2022-10)
  8. 8

    • Let us know what you thought of the course!
  9. 9

    • 1. Hydrogen Intro

    • 2. Hydrogen Setups

    • 3. Shopify Hydrogen Component Naming

    • 4. Shopify Hydrogen Walkthrough

    • 5. Shopify Hydrogen Product & Layout

    • 6. Shopify Hydrogen Color Swatches

    • 7. Understanding SSR