2021/10/27のNext.js Confで発表された

upgrade手順

Rust Compiler

SWCを使う

fast refreshが3倍高速に

buildが5倍高速に

この辺にある

Webpackを改善した

Rust Compilerを使うとBabelより17倍高速になった

v12ではdefaultで利用できる

minifyにもRust Compilerが使われる

Terserより7倍速い

.babel が残っていると、SWCではなくBabelが使われる

だから完全にSWCに移行するためには .babel を消さないといけない

React v18のサポート

これはalpha版だが、 npm install react@alpha react-dom@alpha で試せる

Suspenseなどの諸々の機能が使える

React Server Componentsが使える

getServerSidePropsやgetStaticPropsはもはや不要

page を .server.js にするとServer Componentsとみなされる

URL Imports (alpha):

こんな感じでLibraryのimportができる

Denoやん

next/legacy/imageがAVIFをサポート

WebPより20%パフォーマンスが良い

Bot-aware ISR Fallback: Optimized SEO for web crawlers

クローラー向けのISR設定ができる

fallback中のページをクローラーがindex作成できなくする

つまり、loadiing...みたいな表示でindexしない

Native ES Modules Support: Aligning with the standardized module system

Webpack5がdefaultになった