React DoorDash: Serving Up Fast, SEO-Optimized, Personalized Content
summary
Uses Next.js plus Storyblok to serve SEO-friendly, personalized pages with concrete tactics: pre-generate blog posts via generateStaticParams and SSG, refresh changed pages with ISR triggered by webhooks to avoid full rebuilds, and prefetch links for instant navigation. Gives hard numbers (40% abandon after 3s, 61% expect personalization, 88% won’t return after a bad experience). Shows image shrink from PNG to WebP using Storyblok’s image service and uses AI to generate metadata and alt text for faster, indexable pages.
AI-written summary · about
chapters (13)
- 0:00Introduction and welcome
- 2:29Why performance matters
- 6:01Introducing Next.js and Storyblock
- 9:31Caching and pre-rendering content
- 13:03Static generation and ISR
- 16:17Prefetching links for speed
- 17:19SEO fundamentals for React
- 19:46Metadata and image optimization
- 21:33Content structure and URLs
- 22:58Image performance techniques
- 25:28Personalizing user content
- 26:52Bonus tools and integrations
- 27:55Omni-channel content delivery
related talks
16mHigh-speed personalization with Next.js
27mSSR & SSG in NextJS
31mReact Server Components Elevating Speed, Interactivity, and User Experience
18mNext.js - The Hybrid Architecture for Web Developer
25mThe first two seconds: Faster page loads with React
30m50 shades of React rendering with Next.js
31mFaster content websites via SSR and progressive hydration of Web Components
07mResponsive Rendering with Next.js