Using the Next.js App Router in Production
summary
Uses Next.js App Router to replace an external OG service with dynamic OG images via next/server that render SVG backgrounds, load Inter font, honor Tailwind classes and return ImageResponse at build time. Adopts the new API route format (export GET/POST) and the strongly typed metadata and generateMetadata Promise to produce Open Graph and canonical tags. Moves data fetching to server components, serves preview content from Contentful via an API route that checks a secret and redirects, and reports noticeably faster content publishing.
AI-written summary · about
chapters (5)
related talks
04mIntroducing Next.js App Router
16mNext.js in production
36mNext.js by Example
33mUniversal React Apps Using Next.js
18mNext.js - The Hybrid Architecture for Web Developer
24mRSCs In Production: 1 Year Later
10mExploring the New Features of Next.js 13
29mReact DoorDash: Serving Up Fast, SEO-Optimized, Personalized Content