cd /news/developer-tools/next-js-16-3-websocket-on-vercel-cnf… · home topics developer-tools article
[ARTICLE · art-39940] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

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

Vercel announced that Next.js 16.3 preview introduces Instant Navigations, making app navigations feel much faster, along with new dev tools like Instant Insights and a Navigation Inspector. The company also enabled WebSocket support on Vercel Functions, allowing developers to build realtime features such as chat and AI streaming. Additionally, the Rust port of the React Compiler has been merged and added to Turbopack, now available in Next.js via the experimental flag.

read3 min views1 publishedJun 25, 2026

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

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

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

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

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%

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

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

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) 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

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

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) 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.

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.

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

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

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

── more in #developer-tools 4 stories · sorted by recency
── more on @vercel 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/next-js-16-3-websock…] indexed:0 read:3min 2026-06-25 ·