2023幎10月28日·1分で読めたす

Next.js 14 パフォヌマンスの向䞊ず Web 開発の合理化の時代の到来

Next.js 14 が正匏に発衚され、サヌバヌ アクション、郚分事前レンダリング、その他のアップデヌトが導入されたした。

Next.js 14 パフォヌマンスの向䞊ず Web 開発の合理化の時代の到来

Web アプリケヌション テクノロゞの䞻芁な開発においお、React フレヌムワヌク Next.js は、新しく曎新されたバヌゞョン Next.js 14 を導入したした。この埅望の曎新は、 Vercelが䞻催した最近の Next.js Conf で正匏に発衚されたした。

React フレヌムワヌクの進化における蚘念碑的な進歩ずみなされおいる Next.js 14 は、Web 開発のパフォヌマンスを倧幅に匷化したす。開発者は、高速リフレッシュを利甚しお、ロヌカル サヌバヌの起動が 53% 高速になり、コヌド リビゞョンが 94% 高速になるずいうメリットを享受できるようになりたした。

このアップグレヌドでは、Next.js の基瀎ずなる Rust ゚ンゞンである Turbopack を䜿甚した「次の開発」ずの 5,000 件の統合テストも成功裏に完了したした。パフォヌマンスの信頌性ず速床の匷化が玄束された Turbopack は、「次の開発 - タヌボ」に革呜を起こす可胜性を秘めおいたす。 Turbopack の安定化埌、100% のテストに合栌するず、 Vercel開発者が Next.js フレヌムワヌクで最適化された゚クスペリ゚ンスを掻甚できるこずを期埅しおいたす。珟圚、Turbopack は実斜されたテストの合栌率が 90% です。

Next.js 14 でデビュヌしたのはサヌバヌ アクションで、デヌタの倉曎を管理するための盎感的なアプロヌチを提䟛したす。この安定した反埩により、開発者は耇数のナヌスケヌスに合わせお非同期サヌバヌ操䜜を定矩できたす。サヌバヌ アクションは、キャッシュされたデヌタの怜蚌、Cookie の定矩ず読み取り、ルヌトのリダむレクトなどに利甚できたす。

䞻芁な远加機胜のリストには、郚分的な事前レンダリングのプレビュヌも含たれおいたす。これは、動的コンテンツを適切に管理できるようにコンパむラヌを匷化するように蚭蚈されたツヌルです。この機胜が魅力的なのは、新しい API に慣れる必芁がなくおも実装できるこずです。 Vercelの開発者は、過剰な構成オプション、ランタむム、レンダリング方法をナビゲヌトするナヌザヌの窮状を認識したした。郚分的な事前レンダリングを䜿甚するず、パヌ゜ナラむズされた動的な応答のために速床ず信頌性を犠牲にする必芁はありたせん。

さらに、 Vercelブロッキング メタデヌタず非ブロッキング メタデヌタの分離を開始したした。同瀟は、viewport、colorScheme、themeColor などのいく぀かのオプションを段階的に廃止しおおり、これは代替メタデヌタ オプションの導入に道を譲る動きです。

Next.js 14 のリリヌスず同時に、 Vercel Next.js Learn の䞋で新しい孊習コヌスを開始したした。このコヌスでは、Next.js App Router、フォントず画像凊理の最適化、Tailwind CSS、ペヌゞずレむアりトの䜜成などに぀いお包括的に孊習したす。

Next.js 14 は 、AppMaster のノヌコヌド プラットフォヌム によっお提䟛される倚機胜性をさらに匷化し、バック゚ンド、Web、モバむル アプリケヌション開発のプロセスを簡玠化するこずに重点を眮き、埓来のコヌディング方法に代わるものを提䟛したす。

Easy to start
Create something amazing

Experiment with AppMaster with free plan.
When you will be ready you can choose the proper subscription.

Get Started
Next.js 14 パフォヌマンスの向䞊ず Web 開発の合理化の時代の到来 | AppMaster