Next.js 14.2

◆ Turbopack (RC): 99.8% of tests passing for `next dev --turbo`
◆ Build / Production Improvements: Reduced memory usage
◆ Caching Improvements: Configurable client-side cache revalidation
◆ Errors DX: Better hydration mismatch messages

nextjs.org/blog/next-14-2

Next.js now has 1 million monthly active developers.

80% of Next.js applications are now on v13 or later. We’ll be releasing v14.2 very soon with further improvements.

Thank you for your continued trust and support.

Introducing morph: a fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK, it delivers awesome streaming results.

👇 More details

Forms load 180x faster using Next.js React server components and form actions instead of HubSpot iFrame embeds. On 3G Fast throttling speeds, I can fill out the new form and submit it before the old one would even load. Can't wait to ship this

Turbopack is now passing 5834 tests for `next dev --turbo`.

26 remaining for 100%: areweturboyet.com

████████████░ 99.6%

Next.js AI Chatbot 2.0

◆ AI SDK 3.0 with React Server Components
◆ Generative UI support
◆ Updated Shadcn UI and Next.js
◆ Simplified deployment

vercel.com/changelog/next…

Hydration error diffs have been achieved internally at demo day 😁 Coming to your Next.js soon

Want to roll your own auth with Next.js?

Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.

Next.js Explained: Partial Prerendering

What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter?

Next.js 14.1

◆ Improved Self-Hosting: New docs and custom cache handler
◆ Turbopack Improvements: 5,600 tests passing for next dev --turbo
◆ DX Improvements: Improved error messages
◆ Parallel & Intercepted Routes: 20 bug fixes
◆ And more!

nextjs.org/14-1

日本のNext.jsコミュニティの方々が、App Routerのドキュメントを翻訳し独自に公開してくださりました。野村総合研究所(NRI) 野村総合研究所 の皆様に感謝いたします。ぜひご活用ください！

vercel.fyi/nextjs-docs-ja

Learn how to fetch, cache, and revalidate data using the Next.js App Router.

Building the with Next.js App Router? Here's a few gotchas I've ran into and how to fix them.

youtube.com/watch?v=RBM03R…

Get started with Next.js from our official course.

You'll learn about:

◆ Adding styles, fonts, and images
◆ Creating layouts and pages
◆ Fetching and mutating data from Postgres
◆ Handling errors and improving accessibility
◆ ...and more!

nextjs.org/learn

Next.js can be self-hosted using a Node.js server, a Docker container, or a static export.

We've updated our self-hosting docs on:

◆ Runtime environment variables
◆ Custom cache configuration for ISR
◆ Custom image optimization
◆ Middleware

nextjs.org/docs/app/build…

React Server Actions have helped me:

◆ Write less code
◆ Build better user experiences

How can we create products that are resilient to slower internet connections and instantly provide feedback on user input? ↓

We updated the testing docs and examples to use the App Router and TypeScript.

Learn how to set up Next.js with these testing tools:

- Vitest
- Jest
- Cypress.io
- Playwright
- Testing Library

↳ nextjs.org/docs/app/build…

Setting up authentication with NextAuth is so simple! Follow along as we add the NextAuth credentials provider to an App Router project :)

We updated the Server Actions docs with more examples - including how to use them outside forms, security recommendations, and best practices.

nextjs.org/docs/app/build…

A 1-hour introduction to Next.js and React 🎥

This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips.

We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!