Next.js v12

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

https://www.youtube.com/watch?v=dMBYI7pTR4Q

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などの諸々の機能が使える

getServerSidePropsやgetStaticPropsはもはや不要

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

URL Imports (alpha):

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

code:ts

Denoやんmrsekut.icon

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になった