Elevating brands with Next.js
summary
Concrete claims and reproducible knobs: using Next.js with Tailwind CSS and Framer Motion to build a working candycode jukebox demo whose repo includes runnable code. next/font self hosts local webfonts to avoid flashes and next/image outputs over 36 optimized resolutions and formats with priority={true} and placeholder blur for art direction. Parallel Routes and Intercepting Routes enable modal vs full‑page navigation and framer-motion layoutId yields polished transitions. Dynamic social cards are generated server side.
AI-written summary · about
chapters (5)
- 0:00Introduction to Next.js branding
- 1:18Typography techniques
- 2:42Image optimization
- 4:15Advanced routing and motion
- 5:40Social metadata and conclusion
related talks
16mHigh-speed personalization with Next.js
34mWhat's Next? Exploring the future of React
40mStatic and Dynamic Next.js
20m5 things you need to know to take your next app to the next level
41mLow-budget JavaScript: composable frontends that are fun and friendly
30mComposition, Caching, and Architecture in modern
36mNext.js by Example
23mImproving developer and user experience with nested layouts in Next.js