generated at
Next.js
Vercel Inc.製
ユニバーサルWebアプリケーションフレームワーク
Reactのための統合開発環境


Next.jsのBuild Sizeを計測する
Next.jsでのWebpack設定
Next.jsのテスト
Next.jsのMiddleware

github
website
examples
めっちゃある
https://qiita.com/masakinihirota/items/39888f37000f0d17111b
demo site
速い
github
ちゃんと更新されている



buildコマンドの種類
λ next build
λ next start
λ next dev
開発時の起動
$ next export


Next.jsの4種類のbuild方式


file-system based routing
Static HTML Export
リンク先のJSをprefetch
ビルドの最適化
共通部分をcommon.jsなどのようなファイルにまとめてくれる
開発時に重いページがあるときに警告を表示
Vercelが使える
Automatic Static Optimization
Preview Mode
dynamic import
Next.jsのPre-rendering




Next.jsのRewrites
getLayout

CLI
https://nextjs.org/docs/api-reference/cli



next-unused
https://github.com/pacocoursey/next-unused



Preview deployments
PRを送ると、Nextのbotが自動てコメントしてpreviewのURLを出してくれる
https://vercel.com/docs/platform/deployments
https://qiita.com/redshoga/items/bc30a43c87997bb22c95#2-vercelを使う-ホスティングやcdの設定-prでの確認を楽に


Next.js v11
Next.js v12


Next.jsでServer Sideのconsole.logを見る




#やりたいこと
pagesディレクトリの構造を見て、pathのunion typeを自動生成してほしい
別に手動でもできるんだが、新しくページを追加したときに忘れそう