Establishing Fastest Online Presence with Next.js, Storyblok and Layer0
summary
A portfolio built with React, Next.js, Storyblok and Layer0 delivers measured results: LCP 0.551s, zero CLS, and page-to-page navigation in 0.064s with a 3 KB payload. CI uses GitHub Workflows to build containers and deploy to Layer0 where HTML, APIs and assets are cached and service workers prefetch critical responses. Uses ISR, next/image optimization, React→Preact aliasing, and Storyblok visual editing; recurring cost is domain €17/year.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:59Performance benchmarks
- 3:26Predictive prefetching
- 4:29Architecture overview
- 6:55Layer0 deployment
- 9:40Storyblok features
- 11:46Next.js for frontend
- 14:13GitHub Workflows
- 14:57Performance tips
- 17:03Q&A
related talks
16mHigh-speed personalization with Next.js
25mThe first two seconds: Faster page loads with React
40mGoing Headless: Zero to Next js Hero
28mHow to View and React without a Head
29mReact DoorDash: Serving Up Fast, SEO-Optimized, Personalized Content
14mReact on the Jamstack
33mUniversal React Apps Using Next.js
18mNext.js - The Hybrid Architecture for Web Developer