#134

Next.js 16.3, WebSocket on Vercel, cnfast, Instant Navigations, React Libraries for 2026, What RSCs Can Do


Together with
Arcjet

Next.js 16.3: Instant Navigations

Next.js 16.3: Instant Navigations

Next.js 16.3 preview introduces "Instant Navigations", a new way to make app navigations feel much faster. There are also new dev tools like Instant Insights, a Navigation Inspector, and a Playwright helper for testing instant page changes

► What RSCs Can Do in Next.js Today

Aurora Scharff shows how Next.js helps you build app-like experiences without needing to fully rely on the usual SPA model. It highlights how React Server Components, streaming, caching, fresh data, and coordinated updates can work together to make apps feel fast while keeping the component model simple as projects grow


⚡️ Sponsor: Arcjet

AI compliance controls

AI compliance controls

Protect your AI applications from prompt injection, PII leaks, and unauthorized tool calls.

Make sure to stay up to date about new features, best articles and tools in the Next.js ecosystem by subscribing to the newsletter.

Once‑weekly email, best links, no fluff.

Join 7,000+ developers. 100% free.

📙 Articles / Tutorials / News

► Next.js 16.3 got good (if you care)

A positive look at where Next.js is heading, based on demos shown at Next.js Night in Amsterdam and London. The big theme is better, more declarative caching, plus new “instant insights” in dev mode that help spot slow parts of your app and suggest fixes

How We Cut Slow Responses by 80% Migrating to Next.js App Router

The team at Subito shares their journey migrating from Pages Router to App Router on a high-traffic site. The trickiest part wasn't Next.js itself, but getting HTML streaming to work through their entire stack (Nginx, CDN). They rolled out category by category, monitored SEO closely, and saw slow responses drop by roughly 80%

React Libraries for 2026

Robin Wieruch updated his popular article on the essential libraries and tools for building React applications in 2026. It covers everything from project setup and state management to databases, hosting, and beyond

Component Communication Patterns in React Applications

How should two React components share data? It depends on their distance and what's being shared. This guide covers every pattern from props and callbacks to Zustand, TanStack Query, URL state, and pub-sub, with clear advice on when to reach for each


📦 Projects / Packages / Tools

cnfast

If you use tailwind-merge with shadcn/ui, this one's worth a look. cnfast is a drop-in replacement that produces byte-identical output but runs 3.8x faster on average (up to 7x in component-heavy code)

Next.js SaaS Boilerplate

This starter kit helps you quickly build SaaS apps with built-in auth, teams, roles, database tools, testing, and deployment support. Recently updated for Next.js 16

eve Chat Template

A persisted Next.js chat template for eve (Vercel's latest framework for building agents), built with shadcn/ui, Tailwind CSS, Streamdown, Better Auth, Drizzle, Neon, and Upstash Redis

stylex/atoms

Added in the latest StyleX release, @stylexjs/atoms makes it easier to write inline atomic styles, similar to Tailwind. It supports both static atoms like x.display.flex and dynamic ones like x.color(color)


Sponsoring the newsletter

A quick note from me: if you’re building something for the Next.js community, consider sponsoring this newsletter and putting it in front of 7,000+ Next.js developers.


🌈 Related

Vercel: WebSocket support is now in Public Beta

Vercel Functions can now handle WebSocket connections, making it easier to build realtime features like chat, AI streaming, and collaborative apps on Vercel. It works with standard Node.js WebSocket libraries like ws, and higher-level tools like Socket.IO are supported too. Pricing follows normal Function usage, and with Active CPU pricing, idle connection time is not billed.

You're Using React Compound Components Wrong

Compound components are a group of components that work together and share state. This post shows why they work best for layout with mostly static, different kinds of children like tabs or cards, and why data-driven lists like <Select> and <Option> are often the wrong use for them

Turbopack: add experimental React compiler support

We recently mentioned the Rust port of the React Compiler, and things have moved fast since then. The Pull Request has now been merged, and support was quickly added to Turbopack too. That means you can now try it in Next.js by enabling experimental.rustReactCompiler

Moving Linear from styled‑components to StyleX

Linear shares how they're moving from runtime CSS-in-JS to StyleX for build-time style extraction and stronger encapsulation


Have a link you want to share? Send me an email at erfan@nextjsweekly.com

All submissions are appreciated.

👋 See you next week!