Building the Fastest Commerce Site: How we Built Next js Commerce 2 0
summary
Claim: a focused rewrite produces the fastest commerce starter by trading platform-agnostic complexity for simplicity. Built with Next.js Commerce 2.0 on Next.js 13 app router, React Server Components, Suspense, Edge functions, route handlers, Shopify and Tailwind. Removes 150,000 lines removed and 6,000 lines added to simplify architecture, makes everything cached by default, co-locates data fetching in server components, uses route segments and layouts that don’t re-render, and demonstrates real e‑commerce features like variants and out‑of‑stock handling.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:36Why we built Next.js App Router
- 3:20Frontend routing history
- 5:49React in modern routing
- 8:18Server Components and hybrid apps
- 10:04App Router key features
- 12:49Route segments and layouts
- 15:17Getting started with App Router
- 17:26Co-location and special files
- 18:29Metadata API and caching
- 19:33Route handlers and data fetching
- 21:18Next.js Commerce rewrite
- 23:04Rewrite lessons
- 24:27Closing remarks
related talks
45mNext js: Build a State of the Art E commerce in Fullstack React
37mThe Next Big Thing in Ecommerce
12mMaking commerce. Faster.
21mHeadless eCommerce: Shopify + NextJs = ❤️
23mStand up a commerce storefront in five minutes
15mCommunity driven composable commerce with Next.js
22mOptimization strategies for a performant, headless storefront
29mUnlocking Composable Commerce with Next.js