Brainstorming of things to talk about/demo/workshop

[cathryngriffiths]

• What Hydrogen is
  • It is an opinionated React framework and SDK for building custom Shopify storefronts
• What are the founding principles of Hydrogen
  • Easy to use, good ergonomics, excellent dev experience
• What Vite is and why we are using it
• What Tailwind is and why we are using it
• What is the Hydrogen framework
  • Opinionated standards for building a website
• What is the Hydrogen sdk
  • Opinionated components, hooks, and utilities bespoke for Shopify data sources
• What are headless components
  • See this doc
• How we build them
  • See this doc
• What belongs/doesn’t belong in the SDK and why we made those decisions
  • See this doc
• How the framework works
• How routing works
• Updating server state
• What are React Server Components
• How to use React Server Components
• How to build React Server Components
• What is the Shopify config file
• Setting up your Shopify store to use Hydrogen
  • Set up a partner account
  • Set up a store
  • Enable the Hydrogen channel
• Using the Hydrogen CLI to start up a new store
• Starter template vs starting from scratch with CLI
• Building a custom product page
  • Uses routing/framework
  • SEO
  • Use of components
• What is Oxygen
• How to deploy to Oxygen
• Why we built Oxygen
• The future of Hydrogen and Oxygen

[jplhomer]

👏

A couple more thoughts:

• Dive into the "why" of Server Components. Talk about separation of concerns (server data vs client data) and bundle size.
• "Aren't Server Components experimental?" Yep. We're collaborating with the React Core team, so while they're an experimental technology for ad-hoc usage, within Hydrogen they're more polished and ready for production.
• (once we decide on a strategy): How do you do Caching in Hydrogen?
• (once we decide on a strategy): How do you do 3P CMS/data in Hydrogen?