#100: Ubon, React Universe 2025, shadd, React Activity, Dockerize Next.js, Nuqs & State Management

► React Universe Conf 2025 VODs are online – All the talks from this year’s React Universe Conf are now online! Highlights for me were Aurora Scharff’s Modern React Patterns and Matt Pocock talking about AI SDK v5

Using Activity with Suspenseful data – An overview of React 19’s experimental Activity component, showing how it hides components while keeping state, unloading effects, and still preloading suspenseful data

Ship auth before your coffee gets cold. – Civic Auth runs on a fully managed stack. Install with one SDK, grab your Client ID, and integrate across web, mobile, or AI tools in minutes.

Next.js 15.5: Webpack vs Turbopack – A detailed head‑to‑head test of Webpack vs Turbopack, using Cal.com as the benchmark, looking at both cold build performance and the impact on first‑load JavaScript across routes.

𝕏 Next.js: Connection API – Quick video demonstrating how to make server components dynamic by using the connection function

► Dockerize Next.js App & Deploy To VPS – A hands‑on guide showing how to take a Next.js project, create a Docker image, push it to GitHub, and get it running smoothly on a VPS, with every feature working as expected

Deriving Client State from Server State – Shows why useEffect-based sync is fragile, and demonstrates a cleaner pattern: compute client state from server queries rather than updating it.

🪷 Ubon – Ubon is a new tool built to catch the quiet issues that AI‑generated apps often miss: hardcoded secrets, insecure cookies, broken links, and accessibility problems. It scans your Next.js apps, giving clear file‑level fixes, severity grouping, JSON/SARIF output for CI, and smooth integration with AI assistants

shadd – A global shorthand for `shadcn add` that auto-detects your package manager (npm, pnpm, yarn, bun, or deno) so you don’t have to remember the right command. All flags and arguments pass straight through

next-validate-link – A tool that ensures all Markdown links in your Next.js app are valid and up-to-date

next-navigation-guard – You use Next.js, and you want to show "You have unsaved changes that will be lost." dialog when user leaves page? This library is just for you!

Vercel News:

• Open SDK strategy
• Vercel Functions now support graceful shutdown
• A more flexible Pro plan for modern teams

► Nuqs and URL State Management – François Best joins DevTools FM to talk about NUQS, his open source library for managing state in the URL with type safety. He shares the origins of the project, the hidden pitfalls of URL state, upcoming features and why NUQS aims to unify React ecosystem state handling rather than reinventing routers

The difficulty of complexity – The post explores how complexity is unavoidable in software, but good abstractions can reduce the difficulty. Using Effect as a case study, it shows how the tough parts of coding like error handling and concurrency can be made easier.

You Don't Need Animations – Before animating, ask: what’s the point? This post argues that every animation should serve a clear purpose: whether it’s explaining a feature, guiding attention, or simply adding a moment of delight. Without purpose, it’s better left out

► Enterprise Migrations, AI & Microfrontends with Dom Sipowicz (Vercel) – Vercel’s solutions architect Dom shares why enterprises choose Vercel (from performance to compliance), new platform features like Rolling Releases and first‑class microfrontend support, and how AI Cloud plus v0 are powering large‑scale app migrations and AI‑native development