#104: Next.js 16 Beta, shadcn Forms, Kibo UI Patterns, From AWS to Vercel, Next-Nexus, Intl-Watcher, React’s Future

Next.js 16 (beta) – The Next.js team dropped the 16 beta just before the Conf, giving the community an early look at some major improvements:

• React 19.2 Support — Includes new features like View Transitions and useEffectEvent() for smoother UI updates.
• React Compiler (Stable) — Now officially supported for automatic memoization and smarter rendering.
• Improved Caching APIs — New methods like updateTag() and structured cache profiles let you control data revalidation more precisely.
• Build Adapters API (Alpha) — Simplifying the deployment of Next.js apps across different platforms.
• Turbopack (Stable) — The new default bundler with significantly faster builds (2-5x) and refresh times (5-10x).
• middleware.ts renamed to proxy.ts — A small but important naming change to reflect a clearer routing intent.

shadcn guide to building forms – shadcn published a full guide showing how to build flexible and accessible forms using the <Field /> component with React Hook Form and Zod. It covers form state, schema validation, and handling different input types.

Arcjet - Painless security for developers – Implement bot protection and signup spam protection natively in code.

React Compiler v1.0 – After nearly 10 years of research and rewrites, the React team has shipped the first stable version of React Compiler, a build-time tool that automatically speeds up components and hooks through smart memoization. The post is a practical guide for developers on how to start using the new React Compiler and highlights the real-world performance benefits seen in production at Meta.

The Ultimate Guide to improving Next.js TTFB slowness: From 800ms to <100ms – Compares hosting setups for better TTFB. Bare metal servers give consistent <100ms responses with no cold starts, while serverless platforms offer simplicity but can be slower on first requests.

The CSS Ordering Quiz That Will Break Your Next.js Assumptions – Alessandro built a fun quiz that shows a hidden CSS behavior in Next.js. He explains how server and client components handle styles differently and why CSS Modules are the safest way to keep things predictable.

► The Future of React – Theo walks through how the new React Foundation (a team effort between Meta, Vercel, Microsoft, and more) makes React’s future safer and more open. He also covers new ideas like Async React, View Transitions, and React Fir (the new experimental rendering engine).

More:

• Activity, the new React component
• 𝕏 Upgrading Next.js shouldn’t be scary
• ► Build and Deploy an N8N & Zapier Clone with Next.js 15, React, Better Auth, Polar

Kibo UI Patterns – Over 1000 shadcn component examples covering every variant and state, neatly organized and free to use. A great way to explore real-world implementations.

intl-watcher – A handy Next.js plugin designed for next-intl, that scans your code for i18n keys and keeps your translation files up to date. Also supports partitioning keys into client and server bundles for better performance.

next-nexus – An intelligent data fetching library for the Next.js App Router, designed to slash server costs and simplify data management.

ai-sdk-tools/agents – A new open-source toolkit that adds multi-agent orchestration on top of Vercel’s AI SDK. It enables you to run multiple specialized agents side by side, with simplified handoffs and context sharing.

Escape the vendor-locked in edge-runtime! Try Sevalla with $50 credit now. Your PaaS from the future – Prefer the power of a full Node.js environment? Get lower bandwidth costs and predictable pricing combined with real human support by developers. No seats, no surprise serverless bills. Ever.

► Innovating React w/ Ricky Hanlon – React Core Team’s Ricky Hanlon joins Ryan Carniato for a deep dive into how React keeps evolving after more than a decade. They discuss new directions in scheduling and concurrency, what’s ahead for React 19, and how the team balances building in public with maintaining stability.

Why we moved from AWS to Vercel – After ten years with AWS, the MoneyOnFIRE team switched their whole system to Vercel. The post focuses on how developer experience shaped their decision to migrate and how the new setup gave them faster deployments, clearer logs, and built-in security.

► Vite: The Documentary – A new CultRepo documentary tracing how Evan You’s side project to fix slow Webpack builds became today’s go-to frontend tool.

Our plan for a more secure npm supply chain – After recent npm hacks, GitHub is boosting security with mandatory 2FA, short-lived tokens, and expanded trusted publishing to make package releases more secure.