Next Level E-commerce - Horizon Storefront
summary
A move from Magento to a reusable frontend that supports Shopware BigCommerce and Shopify, proven by a December 2021 proof of concept and a live Goosecraft rollout that handles login cart checkout and orders. Uses Next.js, a turbo repo monorepo, TypeScript types, SWR for fetching and server side rendering fixes for SEO. Implements a data provider layer that maps platform HTML to React page builder components, dynamic imports to keep bundles small, and Cloud Run hosting for scalability and cost.
AI-written summary · about
chapters (25)
- 0:00Next level e-commerce intro
- 1:01Moving away from Magento PWA Studio
- 2:47Next.js over Nuxt.js choice
- 3:50Key storefront requirements
- 4:54Developer experience importance
- 5:37Proof of concept start
- 6:39KISS architecture
- 7:23Turbo Repo monorepo
- 9:09Mid-end developer role
- 10:37Multi-platform integration
- 11:42TypeScript for speed
- 12:46Pitching Horizon Storefront
- 13:31Canary release shopping
- 14:35Page builder for Shopware & Magento
- 16:22Optimizing Next.js bundle
- 17:03Shopware expansion & innovation
- 18:12First live Horizon Storefront
- 18:56PWA app versions
- 19:17BigCommerce integration proof
- 20:23Page builder refactor
- 20:45Hosting challenges & migration
- 21:50Sustainable Cloud Run
- 22:13Current projects & plans
- 22:35Poc to today’s Horizon
- 23:41Advice on impossibilities
related talks
28mFast & Headless → Build Headless Commerce in minutes
22mOptimization strategies for a performant, headless storefront
12mMaking commerce. Faster.
25mBuilding the Fastest Commerce Site: How we Built Next js Commerce 2 0
16m5 Lessons I Learned About Headless Commerce So You Didn’t Have To
45mNext js: Build a State of the Art E commerce in Fullstack React
30mImplementing an eCommerce online shop in no time using a boilerplate approach
31mRethinking composable E-Commerce Frontends