Rewriting eaze.com with Next.js

on YouTube ↗14m

" summary

Rewriting eaze.com with Next.js migrates a mobile-first React site onto Next and Now, replacing brittle custom webpack and SSR with reduced webpack code by ~80%, a 12-line server-side render flow, and immutable deploys per PR. Proxying API calls through the front-end removes CORS preflight and saves ~150ms per request. CI runs bundle comparisons with Bundle Cop and Puppeteer e2e screenshots, deployments push updates to users within minutes and measurably improve time-to-interactive.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:10What is Eaze
3. 2:12Frontend frameworks before
4. 3:41Build infrastructure challenges
5. 5:28Why Next.js
6. 6:54Server-side rendering improvements
7. 8:40Static app and updates
8. 9:44API request proxying
9. 11:06Client-side performance metrics
10. 11:49Tooling with Next.js
11. 14:17Summary

" related talks

• 33mUniversal React Apps Using Next.jsSia Karamalegos · React Finland 2018
• 34mWhat's Next? Exploring the future of ReactGuillermo Rauch · ReactiveConf 2016
• 45mNext js: Build a State of the Art E commerce in Fullstack ReactSebastian Nilsson · Build Stuff 2025
• 22mHow micro-frontends and NextJS can 4x site performanceEmily Thomas · React Day New York 2021
• 09mBuild Projects 10x Faster with Next.jsHosna Qasmei · Next.js Conf 2023
• 10mGradual Migration Strategies for Next.jsKyle Holmberg · Next.js Conf 2020
• 31mRethinking composable E-Commerce FrontendsFlorian Krause · code.talks 2023
• 30mComposition, Caching, and Architecture in modernAurora Walberg Scharff · Next.js Conf 2025