Next.js
基礎から学ぶNext.js - Speaker Deck(実施済)
Next.js - Speaker Deck
React/Next によるアプリケーション開発のこれから - Speaker Deck
Next.jsのメリット
画面のレンダリングが速くみえる
レンダリング方式を柔軟に切り替えられる(CSR, SSR, SSG)
クライアントサイドでレンダリングが不要なものはサーバ側であらかじめ生成しておける
SEOに強い
ページへアクセスした時点でレンダリング済のためクローラーが解析できる
CSR と SSR,SSG の切り分け
ClientComponentとServerComponentの切り分け
SSR と SSG の切り分けはfetchのオプションらしい
cache: 'force-cache: SSG(ビルド時に生成)
指定しなくともデフォルトでSSGになる
cache: 'no-store': SSR(毎回リクエストごと)
ほかにもISR(Incremental Static Generation)なるものがあるとか
エントリーポイント:src/app.tsx
public.icon