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

> Source: <https://dev.to/erfanebrahimnia/nextjs-163-websocket-on-vercel-cnfast-instant-navigations-react-libraries-for-2026-what-rscs-43c4>
> Published: 2026-06-25 20:59:57+00:00

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](https://nextjsweekly.com/sponsors) 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](https://github.com/react/react/pull/36173), 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
