0% found this document useful (0 votes)
2 views

nextjs-4

The document provides an overview of the latest updates and features in Next.js, including the introduction of Turbopack, client instrumentation hooks, and API building guides in version 15.3. It highlights improvements in caching, performance, and developer experience across various versions leading up to 15.3. Additionally, it discusses the evolution of Next.js with a focus on stability, security, and enhanced routing capabilities.

Uploaded by

orestes perez
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

nextjs-4

The document provides an overview of the latest updates and features in Next.js, including the introduction of Turbopack, client instrumentation hooks, and API building guides in version 15.3. It highlights improvements in caching, performance, and developer experience across various versions leading up to 15.3. Additionally, it discusses the evolution of Next.js with a focus on stability, security, and enhanced routing capabilities.

Uploaded by

orestes perez
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.

js by Vercel - The React Framework

Showcase Docs Blog Templates Enterprise Search... ⌘K Deploy Learn

The latest Next.js news

April 9th, 2025 +3 February 28th, 2025 February 26th, 2025 +5

Next.js 15.3 Building APIs with Next.js Next.js 15.2


Next.js 15.3 includes Turbopack for builds, This guide will cover how you can build Next.js 15.2 includes updates for
new client instrumentation and navigation APIs with Next.js, including setting up debugging errors, metadata, Turbopack,
hooks, and more: your project, understanding the App and more:
Router and Route Handlers, handling
Turbopack for builds (alpha) Redesigned error UI and improved
multiple HTTP methods, implementing
Community support for Rspack stack traces
dynamic routing, creating reusable
(experimental) Streaming metadata
middleware logic, and deciding when to
Client Instrumentation hook spin up a dedicated API layer. Turbopack performance
Navigation hooks improvements
TypeScript plugin improvements React View Transitions (experimental)
Node.js Middleware (experimental)

Read
This site uses tracking More
technologies. You may opt in or opt Read More Read More
out of the use of these technologies.

Deny Accept
January 3rd, all
2025 Consent Settings
December 10th, 2024 October 24th, 2024

https://nextjs.org/blog 1/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Composable Caching with Next.js 15.1 Our Journey with Caching


Next.js Next.js 15.1 introduces core upgrades, new Frontend performance can be hard to get
We’re working on a simple and powerful APIs, and improvements to the developer right. Even in highly optimized apps, the
caching model for Next.js. In a previous experience including: most common culprit by far is client-
post, we talked about our journey with server waterfalls. When introducing
React 19 (stable)
caching and how we’ve arrived at the Next.js App Router, we knew we wanted
Improved Error Debugging
'use cache' directive. to solve this issue. To do that, we needed
after (stable)
to move client-server REST fetches to the
forbidden / unauthorized
server using React Server Components in
(experimental) a single roundtrip. This meant the server
had to sometimes be dynamic, sacrificing
the great initial loading performance of
Jamstack. We built partial prerendering to
solve this tradeoff and have the best of
both worlds.

Read More Read More Read More

October 21st, 2024 October 21st, 2024 October 15th, 2024 +3

Next.js 15 Turbopack Dev is Now Stable Next.js 15 RC 2


Our mission to create the best developer It's been a long road, but we are happy to The Next.js 15 Release Candidate (RC) is
experience continues with Next.js 15, announce that next dev --turbo is now now available. This early version allows
This site uses tracking technologies. You may opt in or opt
featuring: stable and ready to speed up your you to test the latest features before the
out of the use of these technologies.
development experience. upcoming stable release.
@next/codemod CLI

Async Request APIs (Breaking) Turbopack (dev)

https://nextjs.org/blog 2/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Caching Semantics (Breaking) Async Request APIs (breaking)


React 19 next/form

Turbopack Dev Self-hosting


Static Indicator ESLint 9 support
unstable_after (Experimental)
instrumentation.js (Stable)
next/form

TypeScript Support for next.config

Self-hosting
Server Actions Security
Bundling external packages (Stable)
ESLint 9 support
Development and Build Performance
Read More
Read More Read More

May 23rd, 2024 April 11th, 2024 January 18th, 2024


Next.js 15 RC Next.js 14.2 Next.js 14.1
The Next.js 15 Release Candidate (RC) is Next.js 14.2 includes development, Next.js 14.1 includes developer experience
now available. This early version allows production, and caching improvements. improvements including:
you to test the latest features before the
Turbopack (Release Candidate) Improved Self-Hosting
upcoming stable release.
This site uses tracking technologies. You may opt in or opt Caching Improvements Turbopack Improvements
out of the use of these technologies.
React RC Build and Production Improvements DX Improvements
Caching defaults changes Errors DX Improvements Parallel & Intercepted Routes

https://nextjs.org/blog 3/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Incremental Partial Prerendering next/image Improvements


adoption
next/after (Experimental)
New create-next-app design
Bundling external packages (Stable) Read More

Read More Read More

October 26th, 2023 October 23rd, 2023 September 19th, 2023


Next.js 14 How to Think About Security Next.js 13.5
As we announced at Next.js Conf , in Next.js Next.js 13.5 improves local dev
Next.js 14 is our most focused release React Server Components (RSC) in App performance and reliability with:
with: Router is a novel paradigm that eliminates 22% faster local server startup
Turbopack much of the redundancy and potential 29% faster HMR (Fast Refresh)
53% faster local server startup risks linked with conventional methods.
40% less memory usage
Given the newness, developers and
94% faster code updates Optimized Package Imports
subsequently security teams may find it
Server Actions (Stable) next/image Improvements
challenging to align their existing security
Partial Prerendering (Preview) And over 438 bugs patched!
protocols with this model.
Next.js Learn (New)

Read More Read More Read More

This site uses tracking technologies. You may opt in or opt


out of the use of these technologies.
June 22nd, 2023 May 4th, 2023 April 6th, 2023
Next.js App Router Update Next.js 13.4 Next.js 13.3

https://nextjs.org/blog 4/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

For the next release (and coming months) Next.js 13.4 is a foundational release, Next.js 13.3 adds popular community-
we're focused on the following areas: marking stability for the App Router: requested features and is the last release
before the App Router is stable, including:
Performance App Router (Stable)
Stability Turbopack (Beta) File-Based Metadata API
Developer Experience Server Actions (Alpha) Dynamic Open Graph Images
Static Export for App Router
Parallel Routes and Interception

Read More Read More Read More

February 23rd, 2023 +1 December 22nd, 2022 October 25th, 2022 +8

Next.js 13.2 Next.js 13.1 Next.js 13


Next.js 13.2 includes major improvements Next.js 13.1 includes improvements to both As we announced at Next.js Conf ,
to the App Router ( app ) in preparation for the pages and app directories: Next.js 13 (stable) lays the foundations to
stability: be dynamic without limits:
app Directory (Beta) Improvements
Built-in SEO Support Built-in Module Transpilation app/ Directory (beta)
Route Handlers Edge Runtime (Stable) Layouts
MDX for Server Components Turbopack Updates React Server Components
Rust MDX Parser Middleware Improvements Streaming
Improved Error Overlay SWC Import Resolution Turbopack (alpha)
Statically Typed Links (Beta) New next/image (stable)
This site uses tracking technologies. You may opt in or opt
Turbopack Improvements (Alpha) New @next/font (beta)
out of the use of these technologies.
Next.js Cache (Beta) Improved next/link

Read More Read More Read More

https://nextjs.org/blog 5/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

September 8th, 2022 +5 June 28th, 2022 +8 May 23rd, 2022 +1

Next.js 12.3 Next.js 12.2 Layouts RFC


We've shipped some quality-of-life We're laying the foundation for the future This RFC outlines the biggest update to
improvements to Next.js with 12.3: of Next.js with 12.2: Next.js since it was introduced in 2016:

Improved Fast Refresh Middleware (Stable) Nested Layouts: Build complex


TypeScript Auto-Install On-Demand ISR (Stable) applications with nested routes.
Image Component Edge API Routes (Experimental) Designed for Server Components:
SWC Minifier Edge SSR (Experimental) Optimized for subtree navigation.
New Router + Layouts Update SWC Plugins (Experimental) Improved Data Fetching: Fetch in
Improvements to next/image layouts while avoiding waterfalls.
Using React 18 Features:
Streaming, Transitions, and
Suspense.
Client and Server Routing: Server-
centric routing with SPA-like
behavior.
100% incrementally adoptable: No
breaking changes so you can adopt
gradually.
Advanced Routing Conventions:
This site uses tracking technologies. You may opt in or opt Offscreen stashing, instant
out of the use of these technologies.
transitions, and more.

Read More Read More Read More

https://nextjs.org/blog 6/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

February 17th, 2022 +9 October 26th, 2021 +9 August 11th, 2021 +5

Next.js 12.1 Next.js 12 Next.js 11.1


We're excited to release one of our most As we announced at Next.js Conf , We're improving build performance across
requested features with Next.js 12.1: Next.js 12 is our biggest release ever: the entire stack with Next.js 11.1, featuring:

On-demand ISR (Beta) Rust Compiler Security Patch


Expanded Support for SWC Middleware (beta) ES Modules Support
next/jest Plugin React 18 Support Rust-based Tooling
Faster Minification with SWC (RC) <Image /> AVIF Support Faster Data Fetching
Self-Hosting Improvements Bot-aware ISR Fallback Faster Source Maps
React 18 & Server Components (Alpha) Native ES Modules Support ESLint Integration Improvements
Developer Survey URL Imports (alpha) next/image Improvements
React Server Components (alpha)

Read More Read More Read More

June 15th, 2021 +1 April 28th, 2021 +2 March 29th, 2021 +5

Next.js 11 Next.js 10.2 Next.js 10.1


Our mission to create the best developer We are excited to introduce Next.js 10.2, We are excited to introduce Next.js 10.1,
experience continues with Next.js 11, featuring: featuring:
featuring:
Faster Builds 3x Faster Refresh
This siteConformance
uses tracking technologies. You may opt in or opt
Faster Refresh Improved Installation Time
out of the use of these technologies.
Improved Performance Faster Startup next/image Improvements
next/script Improved Accessibility Next.js Commerce Shopify Integration
next/image Improvements More Flexible Redirects and Rewrites Custom 500 Page
https://nextjs.org/blog 7/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Webpack 5 Automatic Webfont Optimization Strict PostCSS Configuration Loading


Create React App Migration Support for extends in
(Experimental) tsconfig.json

Next.js Live (Preview Release) Detect When Preview Mode Is


Enabled
Router Methods Scroll to Top
Documentation Improvements

Read More Read More Read More

November 18th, 2020 October 27th, 2020 +5 July 27th, 2020 +3

Incrementally Adopting Next.js 10 Next.js 9.5


Next.js We are excited to introduce Next.js 10, We are excited today to introduce Next.js
Next.js has been designed for gradual featuring: 9.5, featuring:
adoption. With Next.js, you can continue Built-in Image Component and Stable Incremental Static
using your existing code and add as much Automatic Image Optimization Regeneration
(or as little) React as you need. By starting
Internationalized Routing Customizable Base Path
small and incrementally adding more
Next.js Analytics Support for Rewrites, Redirects, and
pages, you can prevent derailing feature
Next.js Commerce Headers
work by avoiding a complete rewrite.
React 17 Support Optional Trailing Slash in URLs
Many companies need to modernize their getStaticProps / getServerSideProps Persistent Caching for Page Bundles
Thistech
site uses
stacktracking technologies.
to reduce You may opt in or opt
costs, increase Fast Refresh Fast Refresh Enhancements
out of the use of these technologies.
developer productivity, and provide the Fast Refresh for MDX Production React Profiling
best experience for their customers. Importing CSS from Third Party React Optional Catch All Routes
Component-driven development has Components
https://nextjs.org/blog 8/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

greatly improved the deployment velocity Automatic Resolving of href Webpack 5 Support (beta)
and reusability of modern codebases. @next/codemod CLI
Blocking Fallback for getStaticPaths
And with over 8 million downloads/month
, React is the leading component-driven
choice for developers. Next.js, the React
framework for production, enables you to
incrementally adopt React.

Read More Read More


Read More

May 11th, 2020 +2 March 9th, 2020 +2 January 15th, 2020 +1

Next.js 9.4 Next.js 9.3 Next.js 9.2


We are excited today to introduce Next.js We are excited today to introduce Next.js We are excited today to introduce the
9.4, featuring: 9.3, featuring: production-ready Next.js 9.2, featuring:

Fast Refresh Next-gen Static Site Generation (SSG) Built-In CSS Support for Global
Incremental Static Regeneration (beta) Support Stylesheets
CMS Examples Preview Mode Built-In CSS Module Support for
New Environment Variables Support Built-In Sass Support for Global Component-Level Styles
Improved Built-in Fetch Support Stylesheets Improved Code-Splitting Strategy
Integrated Web Vitals Reporting Built-In Sass CSS Module Support for Catch-All Dynamic Routes
This site uses tracking technologies. You may opt in or opt
Absolute
out of the Imports
use of these and Aliases
technologies. Component-Level Styles
Configurable Sass Support Automatic Static Optimization for 404
Improved Log Output 32 kB Smaller Runtime

https://nextjs.org/blog 9/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Next.js Community on GitHub


Discussions
Read More Read More
Read More

January 9th, 2020 +1 January 6th, 2020 +1 October 9th, 2019


New Next.js Documentation Next.js 9.1.7 Introducing Create Next App
We're excited to announce the new Next.js 9 was released six (6) months ago, We're delighted today to introduce the
Next.js documentation, featuring: followed by Next.js 9.1 three (3) months new Create Next App.
ago. These two releases added very
Improved Content Create Next App sets up a modern React
powerful new features to Next.js, without
Search application powered by Next.js in one
increasing our baseline client runtime
API Reference size. command.

Since then, we've focused heavily on


refining and improving the framework as a
whole: 9.1.1 , 9.1.2 , 9.1.3 , 9.1.4 , 9.1.5
, 9.1.6 , and 9.1.7 .

Let's dive into what these releases have


improved!

3% – 8%+ Smaller Client-Side


This site uses tracking technologies. You may opt in or opt JavaScript Size
out of the use of these technologies. Redesigned Production Build CLI
Output

https://nextjs.org/blog 10/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

New Built-In Polyfills: fetch(), URL, and


Object.assign
Optimized Page Loading: Better FCP
and TTI
Support for the Latest JavaScript
Features
Zero-Config Deployment Support for
next export Applications
React Strict Mode Compliance and
Opt-In
Automated Testing against Nightly
Read More React Builds Read More

Read More

October 7th, 2019 +1 September 30th, 2019 +2 July 8th, 2019 +3

Next.js 9.1 Next.js 9.0.7 Next.js 9


Today, we are excited to announce Next.js Next.js 9.0 was released approximately Today, we're excited to announce Next.js 9
9.1 with src and public directory two months ago. Since then, we’ve been with TypeScript support, Dynamic
support. busy with 7 smaller but quite important Routing, API Routes, Automatic Static
releases: 9.0.1 , 9.0.2 , 9.0.3 , 9.0.4 , Optimization, and more!
New in This Release 9.0.5 , 9.0.6 , and 9.0.7 .
This site uses tracking technologies. You may opt in or opt Built-in Zero-Config TypeScript
useDirectory
out of thesrc Support
of these technologies. Support
Let’s dive into what these releases have
public Directory Support File system-Based Dynamic Routing
brought to your websites and
Automatic Static Optimization
Previewing in This Release
https://nextjs.org/blog 11/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

Built-in CSS Support applications, with absolutely no breaking API Routes


Static Error Pages changes. More Production Optimizations
Module / Nomodule Improved Concurrency in Windows Improved DX
Improved Bundle Splitting Environments
Gzip Compression by Default
TypeScript Report on Active Pages
Only
Telemetry
Improved next/head Element Tracking
Preventing Non-Pages in the Pages
Directory
Read More Runtime Improvements
Read More
Read More

April 16th, 2019 +2 April 2nd, 2019 +2 March 28th, 2019


Next.js 8.1 Next.js 8.0.4 Styling Next.js with Styled
Today, we're excited to announce we've We are happy to introduce the JSX
extended the Next.js experience to production-ready Next.js 8.0.4: Styled JSX is a CSS-in-JS library that
authoring AMP pages. allows you to write encapsulated and
Build performance improvements
What is AMP Deterministic builds scoped CSS to style your components.
This site uses tracking technologies. You may opt in or opt The styles you introduce for one
AMP in Next.js Smaller client runtime
out of the use of these technologies. component won't affect other
Hybrid AMP pages Smaller serverless functions
components, allowing you to add, change
AMP-first pages Default viewport tag

https://nextjs.org/blog 12/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

AMP Validation Learning guide improvements and delete styles without worrying about
unintended side effects.

Read More Read More


Read More

February 19th, 2019 February 11th, 2019 September 19th, 2018


Next.js 8 Webpack Memory Next.js 8 Next.js 7
Improvements We are proud today to introduce the After 26 canary releases and 3.4 million
Recently Next.js 8 was introduced. The production-ready Next.js 8, featuring: downloads, we are proud to introduce the
release included a massive build-time production-ready Next.js 7, featuring:
Serverless Next.js
memory usage reduction. This blog post Massive build-time memory usage DX improvements: 57% faster
will explore how we have helped optimize bootup, 42% faster re-compilation
reduction
webpack for the community.
Build-time environment configuration Better error reporting with react-
Prefetch performance improvements error-overlay
Smaller initial HTML size Upgraded compilation pipeline:
Improved on-demand entries Webpack 4 and Babel 7
Faster port listening in development Standardized Dynamic Imports
Faster Static Export Static CDN support
Head element deduplication Smaller initial HTML payload
New crossOrigin config option React Context with SSR between App
Removed inline Javascript and Pages
This site uses tracking technologies. You may opt in or opt
out of the use of these technologies. Example of API Authentication

Read More Read More Read More

https://nextjs.org/blog 13/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

June 27th, 2018 May 16th, 2018 March 26th, 2018


Next.js 6.1 Next.js 6 and Nextjs.org Next.js 5.1: Faster Page
We are proud today to introduce the We are proud today to introduce the Resolution, Environment
production-ready Next.js 6.1, featuring: production-ready Next.js 6, featuring:
Config & More
Increased hot reloading reliability Zero-configuration static exports. We are happy to introduce Next.js 5.1,
Codebase improvements No need for next.config.js by which features support for environment
Next.js codemods default configuration, phases, source maps, and
_app.js , an extension point that new Next.js plugins.
enables page transitions, error
boundaries and more
Babel 7 and Fragment syntax <>
support
Extended integration test suites
with a strong focus on security
Flow annotations in the core
codebase

Read More Read More Read More

February 5th, 2018


Next.js 5: Universal Webpack,
This site uses tracking technologies. You may opt in or opt
CSS
out of Imports,
the use Plugins and
of these technologies.
Zones

https://nextjs.org/blog 14/15
20/4/25, 20:50 Next.js by Vercel - The React Framework | Next.js by Vercel - The React Framework

We are very happy to introduce Next.js


5.0 to the world. It’s available on npm
effective immediately.

Read More

Resources More About Vercel Legal Subscribe to our newsletter

Docs Next.js Commerce Next.js + Vercel Privacy Policy Stay updated on new releases and
features, guides, and case studies.
Support Policy Contact Sales Open Source Software Cookie Preferences
Learn Community GitHub [email protected] Subscribe

Showcase GitHub Bluesky


Blog Releases X
Team Telemetry
Analytics Governance
Next.js Conf
Previews

This site uses tracking technologies. You may opt in or opt


©out
2025 Vercel,
of the Inc.these technologies.
use of

https://nextjs.org/blog 15/15

You might also like