Coming soon

Headless

Build custom storefronts with Hydrogen and the Storefront API.

  • 2 months
  • Advanced (Shopify theme and React needed)
  • 3 parts · 15 topics

Send us one message on WhatsApp, and we will tell you the launch date.

Planned syllabus

The full roadmap, basic to advanced

Every part builds on the one before it. You finish each part with a real project.

Parts
3
Duration
2 months
Topics
15
Projects
3
  1. Part 1Prep4 topics1 project
    • When you need headless and when you do not
    • Storefront API setup and access token
    • Your first Storefront API query
    • React Router basics: routes and loaders

    Project Get your first product with a query.

  2. Part 2Build the store7 topics1 project
    • Hydrogen project, structure and routes
    • Products and collections pages
    • Cart: add, update, remove
    • Customer Account API login and orders page
    • Caching, SEO and images
    • Metaobjects as a CMS, plus a third party API
    • Extra: Contentful as an outside CMS

    Project A 3-page headless store.

  3. Part 3Ship4 topics1 project
    • Deploy on Oxygen
    • Headless with Next.js (other option)
    • Common problems and fixes
    • Final project: a complete headless store with a live link

    Project A live headless store with login.

This is the planned syllabus. Small changes are possible before launch.

Want this course? Tell us.

Send one message on WhatsApp, and we will tell you as soon as the launch date is fixed.