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