Open2
はじめてのトイレットペーパー🔰
ken505Next.js Pre-render まとめ
| Method | Use | |
|---|---|---|
| 1 | SSG | Document, Help |
| 2 | SSG + Pre-fetch ＊1 | Blog, List of goods |
| 3 | SSG + Client-side fetching | Dashbord, Todo |
| 4 | SSG + Pre-fetch + Client-side fetching ＊1 ＊2 | News site |
＊1 更新は ISR を使用しよう。
＊2 Client-side fetching は vercel 推奨のオリジナル hooks , useSWRを使用しよう。
ken5052. SSG + Pre-fech
Next.js のメソッド、 get StaticProps() を使うと、
build 時に node-fetch が呼び出され、
SSG + Pre-Fech することができる。
（ビルド時にサーバーの情報を組み込んだ状態で静的サイトを生成できる）
＊ get StaticProps() はサーバーサイドで実行される。