ロゴ、どちらが正式なのかは誰も知らない。

Webアプリケーションフレームワーク

React を使う

Vercel が作ってる

Vercel (のhosting) に載せると最大限に活用できる

ファイルシステムベースのルーティング

pages/about.tsx のソースが pages/about のコンテンツに対応する

pages/[id].tsx でパラメータを受け取る動的なルーティングもできる

型安全にならねえ

Reactコンポーネントでつくられたページのpre-renderingを行う

ビルド時 next build にHTMLを生成して、それを毎回のリクエストで再利用する

毎回のリクエストで同じコンテンツが返るため CDN でのキャッシュがやりやすい

Incremental Static Regeneration

初回のリクエストでHTMLを生成して、それを一定時間内のリクエストで再利用する

それなりの頻度で再生成したいが毎リクエストごとにやると同じ内容のものを繰り返し生成することになる

ページが多いと、それなりの頻度で next build するのに生成に時間がかかりすぎる

毎回のリクエスト時にHTMLを生成して返す

簡単なWeb APIサーバの役割も担える

webpack と Babel を内部に持つ