Next.js
https://gyazo.com/248b803c6b4898abddaf3d2625b3af0d
https://nextjs.org/
Vercel
が開発する
React
の
フレームワーク
.
SSR
のための
フレームワーク
だったが進化により異なる
フレームワーク
に.
今では基本的に
SSR
するべきではない.
サーバ
を用意しなくてはならない.
サーバサイド
の
セキュリティ
を考えなくてはならない.
パフォーマンス
および
SEO
の観点から
SSG
が優れる.
Vercel
は
SSG
としての利用を推奨している.
SSG
のためなら
Gatsby
の方がよかった時期があった.
Next.js
は
webpack
や
Babel
など
ビルド
関係の
最適化
や
Chunks
,
Code Split
,リンク先ページの
プリフェッチ
など
パフォーマンスチューニング
が徹底されていることに強みがある.
パフォーマンス改善
の基盤に
SSR
がおまけで付いていると見なせる.
プリレンダリング
デフォルトでは
CSS
を
PostCSS
を用いて
コンパイル
する.
Sass
を
インストール
すればサポートされる.
<Link>
:
next/link
クライアントサイドナビゲーション
や
プリフェッチ
を実現してくれる.