close notice<\/p>\n
\n This article is also available in It was translated with technical assistance and editorially reviewed before publication.\n <\/p>\n \n Don\u2019t show this again.\n<\/p>\n Next.js steht in der stabilen Version 16.3 bereit. Das React-Framework von Vercel zeichnet sich durch zahlreiche Performanceverbesserungen aus, insbesondere einen drastisch gesenkten Speicherverbrauch. Neu sind Instant Navigations, die Performance-Engp\u00e4sse bei Seitenwechseln beheben, und ein experimenteller Rust\u2011basierter React\u2011Compiler.<\/p>\n Weiterlesen nach der Anzeige<\/p>\n Next.js 16.3<\/a> nutzt gegen\u00fcber dem Vorg\u00e4nger Next.js 16.2<\/a> bis zu 90 Prozent weniger RAM, wenn der Webpack-Nachfolger Turbopack im Entwicklungsmodus next dev l\u00e4uft. Dann greifen mit Disk Caching und Memory Eviction zwei jetzt standardm\u00e4\u00dfig aktive Features. Beide lie\u00dfen sich bereits in der Preview-Version ausprobieren, die im Juni dieses Jahres erschienen ist.<\/p>\n Mehr Leistung mit Disk Caching und Memory Eviction<\/p>\n Mit Disk Caching h\u00e4lt der Rust-Bundler Build\u2011Artefakte nicht mehr dauerhaft im RAM vor, sondern schreibt sie auf den Massenspeicher und l\u00e4dt sie nur bei Bedarf wieder. Gleichzeitig entfernt Memory Eviction ungenutzte Daten automatisch aus dem RAM und verhindert so, dass Builds einen Speicher\u00fcberlauf (die ber\u00fcchtigte \u201eFATAL ERROR\u201c-Meldung) provozieren.<\/p>\n In seinem Blogbeitrag nennt das Next.js-Team zwei Beispiele f\u00fcr den deutlich reduzierten RAM-Ressourcenhunger. Dabei hat Turbopack jeweils 50 verschiedene Endpunkte kompiliert. Im ersten Beispiel sank der Speicherverbrauch von 21,5 auf 2 GB (rund 90 Prozent weniger), im zweiten von 4,5 GB auf 840 MB (etwa 82 Prozent). Next.js-User berichten bei ihren Projekten von \u00e4hnlichen Performanceverbesserungen<\/a>.<\/p>\n Apps, die im Entwicklungsmodus laufen, profitieren bei Next.js 16.3 von weiteren Leistungsoptimierungen. Dazu z\u00e4hlen schnelleres serverseitiges Rendering, das nun direkt Node\u2011Streams nutzt, besseres Asset\u2011Caching und schnellere TypeScript\u2011Checks. Sollen diese mit TypeScript 7 erfolgen, aktualisieren Entwicklerinnen und Entwickler die lokale TypeScript\u2011Abh\u00e4ngigkeit mit pnpm add -D typescript@^7. Zus\u00e4tzlich muss in der Next.js-Konfiguration das experimentelle Flag experimental.useTypeScriptCli: true aktiviert werden, da TypeScript 7 die programmatische JavaScript-API derzeit noch nicht vollst\u00e4ndig unterst\u00fctzt.<\/p>\n Latenzfreie Navigation<\/p>\n Weiterlesen nach der Anzeige<\/p>\n Durch das Framework-Feature Instant Navigations starten Seitenwechsel ohne sichtbare Verz\u00f6gerung, da Next.js 16.3 bereits vor dem Klick die relevanten Datenpfade \u00fcber Server Components, Suspense und das neue use cache\u2011Modell vorbereitet. Beim Navigieren muss das Framework weder neue Daten nachladen noch Komponenten neu aufbauen.<\/p>\n In Next.js 16.3 stecken auch experimentelle Features wie ein Rust-basierter React-Compiler. Statt \u00fcber Babel in Node.js l\u00e4uft er direkt in Turbopack, wodurch zus\u00e4tzliches Erzeugen und erneutes Einlesen von Code entfallen. Das Kompilieren gro\u00dfer Apps wie Vercels KI-Coding-Assistenten v0 geht so deutlich schneller, so das Entwicklerteam. Dabei verk\u00fcrzte der Rust-Compiler die Zeit vom Start von next dev bis zu einer vollst\u00e4ndig geladenen Seite um bis zu 46 Prozent.<\/p>\n Aktivieren l\u00e4sst sich der experimentelle Rust-Compiler in der Next.js-Konfiguration folgenderma\u00dfen:<\/p>\n import type { NextConfig } from ’next‘;<\/p>\n const nextConfig: NextConfig = { export default nextConfig;<\/p>\n Lesen Sie auchMehr anzeigenWeniger anzeigen<\/p>\n
\n English<\/a>.<\/p>\n
\n reactCompiler: true,
\n experimental: {
\n turbopackRustReactCompiler: true,
\n },
\n};<\/p>\n