What we learned rebuilding the largest Nordic electronic retail website in Next js?
summary
Rebuild replaces an Angular storefront with Next.js on Vercel, yielding measurable wins: Core Web Vitals improve (mobile LCP ~99), load for a full checkout flow drops from ~2 minutes to ~33 seconds, and time‑to‑first‑byte improves ~40% after removing a CDN proxy. Initial edge runtime causes many backend API round trips so the team switches from edge runtime to static pages + serverless functions and uses the app router, server components, middleware for i18n, and encoded feature toggles in the path to keep pages fully cacheable at the CDN.
AI-written summary · about
chapters (9)
- 0:00The case for modernization
- 4:58Introduction and vision
- 6:49Driving change in enterprise
- 15:49Architectural choices
- 23:32Technical implementation
- 34:12Dynamic site features
- 37:34Server actions and caching
- 40:55Streaming and performance
- 42:36Vercel tooling and summary
related talks
01h 00mWhat we learned rebuilding the largest Nordic electronic retail website
22mOptimization strategies for a performant, headless storefront
01h 14mJust Do Less
11mEnterprise-grade composable commerce with Next.js
28mThe Path to Scaling a Digital Enterprise
22mOptimally using third-party services with Next.js
18mNext.js - The Hybrid Architecture for Web Developer
28mEdge Side Rendering with Nuxt 3