Webentwicklung: Next.js 15.3 treibt den Bundler Turbopack weiter voran

close notice

This article is also available in English. It was translated with technical assistance and editorially reviewed before publication.

Don’t show this again.

Das React-Framework Next.js hat Version 15.3 erreicht. Das Entwicklungsteam beim Hersteller Vercel schraubt darin vor allem erneut an Turbopack, der als schnellerer Nachfolger den etablierten Bundler webpack ersetzen soll. Daneben enthält Version 15.3 neue Navigations-Hooks und eine Aktualisierung des TypeScript-Language-Service-Plug-ins.

Alpha-Builds mit Turbopack

Das neue Release bringt die Alpha-Version von next build --turbopack mit. Derzeit laufen bereits 99,3 Prozent der Integrationstests für next build erfolgreich ab und Interessierte können den Fortschritt über areweturboyet.com mitverfolgen.

Das stabile Release von next dev --turbopack liegt bereits seit Oktober 2024 vor. Wenn eine Anwendung mit dev funktioniert, soll sie laut dem Entwicklungsteam auch für build geeignet sein. build soll die lokalen Performance-Vorteile auch auf Produktionsumgebungen ausweiten. In der jetzigen Alpha-Phase ist der Einsatz in Produktion allerdings noch nicht empfohlen: Entwicklerinnen und Entwickler sollen stattdessen auf eine Preview- oder Staging-Umgebung zurückgreifen oder Builds lokal ausführen, um die Unterschiede in Bundle-Größe und Performance zu untersuchen.

Einer der Vorteile der Turbopack-Architektur im Vergleich mit webpack soll darin liegen, dass die Performance beim Hinzufügen von CPU-Kernen skaliert. So soll Turbopack bei vier Kernen 28 Prozent schneller sein, bei 16 Kernen 60 Prozent und bei 30 Kernen 83 Prozent.

Zuverlässigeres TypeScript-Plug-in und neue Navigation Hooks

Neben den Arbeiten an Turbopack hat sich das Next.js-Team dem TypeScript-Language-Server-Plug-in gewidmet. In sehr großen Codebasen konnte das Plug-in zu einem Absturz des TypeScript Language Service führen. Durch Performance-Updates soll das nun der Vergangenheit angehören, denn in internen Tests hätten sich die Plug-in-Response-Zeiten um etwa 60 Prozent verbessert und es seien keine Freezes oder Abstürze aufgetreten.

Darüber hinaus sind zwei Navigations-Hooks hinzugekommen, die die clientseitigen Routing-Fähigkeiten von Next.js betreffen. Der Event Handler onNavigate ist eine neue Eigenschaft der Link-Komponente und wird während clientseitiger Navigationen ausgeführt. Er dient dazu, präzise Kontrolle über das Routing-Verhalten einer Anwendung zu ermöglichen. Der neue Client-Komponenten-Hook useLinkStatus gibt einen pending Booleschen Wert aus, der anzeigt, wenn eine Navigation aktuell läuft, und bietet lokalisierte Kontrolle über Ladezustände.

Weitere Informationen zu diesen und weiteren Updates in Next.js 15.3 finden sich im Next.js-Blog.

(mai)