#51: Next.js 15, Auth.js on Edge, Impossible Components, Vercel WAF, Magic UI

Next.js 15 RC – The latest version of Next.js was revealed at this week’s Vercel Ship event. The current version is a Release Candidate. The stable version will be out in a couple months. Next.js 15 comes with exciting features but also includes breaking changes. If you’re like me and want to upgrade immediately, there’s an upgrade guide, but otherwise, here are the highlights:

• React: Support for the React 19 RC, React Compiler (Experimental), and hydration error improvements
• Caching: Caching is now opt-in instead of opt-out. fetch requests, GET Route Handlers, and client navigations are no longer cached by default
• Partial Prerendering (Experimental) New Layout and Page config option for incremental adoption
• next/after (Experimental) New API to execute code after a response has finished streaming

Check out Theo’s walkthrough video covering all the announced changes in Next.js 15.

Vercel Ship 2024 recap – A summary of all the highlights of this week’s Vercel Ship event

React 19 lets you write impossible components – The dev team at Mux shares their experience using the latest React 19 features and discusses their impact on the future of React development

Auth.js | Edge Compatibility – A guide on edge compatibility in general, and running Auth.js apps in edge runtime environments

► Hands on with the Vercel AI SDK 3.1 – Vercel’s AI SDK functions similarly to an ORM but for LLMs. This video explains how to build different kinds of AI applications using the AI SDK

🧵 Clearing up some React Compiler misunderstandings – The thread clarifies some key points about the React Compiler: it’s not yet in Rust, it’s not based on Babel, ’use memo’ is optional,…

ZSA - Typesafe Server Actions for Next.js – In addition to input and output validation of your Server Actions with Zod, ZSA comes with some really nice features such as Procedures, Retries, and React Query integrations

Restyle – A zero-runtime CSS in JS library with support for Server and Client components

Million Lint 1.0-rc – Million Lint is an IDE extension that automatically finds and fixes performance issues in your React apps for you. This release is considered generally stable, with no anticipated breaking changes

Magic UI 🪄 – 20+ free and open-source beautifully animated components built with React, Typescript, Tailwind CSS, and Framer Motion.

React Conf 2024 Recap – If you missed last week’s React Conf, this post is for you. Learn about all the announcements made regarding React 19, Universal Server Components, and the new architecture in React Native

Introducing the Vercel Web Application Firewall – This is something I’ve been eagerly waiting for, for a long time. With Vercel WAF, you can protect your apps from malicious requests without depending on any external tools. Create rules based on path, user agent, IP address, and geolocation to control how traffic is handled

Integrating feature flags deeper in the Vercel workflow – Flags are now integrated with Vercel Web Analytics and Runtime Logs. There’s also a new package to work with feature flags in Next.js App Router

More Vercel updates:

• Block, rate limit, and challenge traffic with the Vercel Firewall
• Understand Interaction to Next Paint (INP) with the Vercel Toolbar
• Uncover accessibility issues on your deployments from the Vercel Toolbar
• Use the Vercel Toolbar in Production with the Chrome Extension