Next.js, das beliebte React-Framework, hat k\u00fcrzlich sein erstes kleineres Update in diesem Jahr ver\u00f6ffentlicht. Die Version 14.1 bringt einige Verbesserungen mit sich, die die Entwicklererfahrung und die Performance des Frameworks weiter optimieren. Hinter Next.js steht das Unternehmen Vercel, das auch weiterhin daran arbeitet, Turbopack zu verbessern. Turbopack ist der schnelle Nachfolger von webpack und soll die Performance des Bundlers steigern. <\/p>\n
Bereits bei der Ver\u00f6ffentlichung von Next.js 14 wurde angek\u00fcndigt, dass Turbopack noch eine letzte Herausforderung meistern muss, bevor es aus der Beta-Phase entlassen wird. Diese besteht darin, dass alle Integrationstests f\u00fcr codenext dev –turbo erfolgreich sein m\u00fcssen. In der aktuellen Version 14.1 hat sich die Anzahl dieser Tests um 600 auf insgesamt 5600 erh\u00f6ht, was einem Anteil von 94 Prozent entspricht. Die Fortschritte bei der Entwicklung von Turbopack k\u00f6nnen auf der Webseite areweturboyet.com verfolgt werden. <\/p>\n
Ein weiterer wichtiger Schritt zur Verbesserung der Performance ist das Disk-Caching. Derzeit wird der Cache beim Neustart des Next.js-Entwicklungsservers nicht beibehalten, doch dies soll sich mit der Einf\u00fchrung des Disk-Cachings \u00e4ndern. Dadurch k\u00f6nnen Entwickler Zeit sparen und die Performance ihres Projekts verbessern.<\/p>\n
Auch die Dokumentation f\u00fcr das Self-Hosting von Next.js wurde \u00fcberarbeitet. Es gibt nun Anleitungen f\u00fcr die Verwendung eines Node.js-Servers, Docker-Container oder die Erstellung eines statischen Exports. Dabei werden verschiedene Bereiche wie Laufzeitumgebungsvariablen, individuelle Cache-Konfiguration f\u00fcr die inkrementelle statische Regeneration (ISR), individuelle Bildoptimierung und Middleware abgedeckt. Das macht es Entwicklern einfacher, Next.js in ihrer eigenen Infrastruktur zu hosten und anzupassen.<\/p>\n
Des Weiteren wurde die Entwicklererfahrung verbessert, indem Fehlermeldungen nun detailliertere Informationen enthalten. Anstatt nur auf Bundler-Fehler hinzuweisen, enth\u00e4lt die Fehlermeldung jetzt auch den Sourcecode des Fehlers sowie den Namen der betroffenen Datei. Dies erleichtert die Fehlerbehebung und spart Entwicklern wertvolle Zeit. Der Next.js-Blog zeigt auch, wie bisherige Fehlermeldungen aussehen konnten, wenn ein Fehler in einer Client-Komponente im Editor behoben wurde, aber das Fast Refresh den Fehlerbildschirm nicht gel\u00f6scht hat. In einigen F\u00e4llen konnte das Entwicklungsteam diese Herausforderung erfolgreich l\u00f6sen.<\/p>\n
Neben den genannten Verbesserungen enth\u00e4lt die Version 14.1 auch viele Fehlerbehebungen. Weitere Details dazu k\u00f6nnen im Next.js-Blog nachgelesen werden. Entwickler k\u00f6nnen sich also auf ein stabileres und noch leistungsf\u00e4higeres Next.js freuen.<\/p>\n
Schlagw\u00f6rter: Screen + Vercel + Next.js<\/p>\n","protected":false},"excerpt":{"rendered":"
Next.js, das beliebte React-Framework, hat k\u00fcrzlich sein erstes kleineres Update in diesem Jahr ver\u00f6ffentlicht. Die Version 14.1 bringt einige Verbesserungen mit sich, die die Entwicklererfahrung und die Performance des Frameworks weiter optimieren. Hinter Next.js steht das Unternehmen Vercel, das auch weiterhin daran arbeitet, Turbopack zu verbessern. Turbopack ist der schnelle...<\/p>\n","protected":false},"author":4,"featured_media":3341,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3342"}],"version-history":[{"count":0,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/3342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/media\/3341"}],"wp:attachment":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}