20
チャプター20
プリレンダリングとデータフェッチング
ブログを作成したいのですが(完成形はこちら)、これまでのところブログコンテンツを追加していません。このレッスンでは、外部のブログデータをアプリにフェッチする方法を学びます。ブログコンテンツはファイルシステムに保存しますが、コンテンツが他の場所(例:データベースやヘッドレスCMS)に保存されていても機能します。
このレッスンで学ぶこと
このレッスンでは、以下について学びます。
- Next.jsのプリレンダリング機能。
- プリレンダリングの2つの形式:Static Generation (静的生成) と Server-side Rendering (サーバーサイドレンダリング)。
- データあり、およびデータなしのStatic Generation。
getStaticProps
と、それを使って外部のブログデータをインデックスページにインポートする方法。getStaticProps
に関するいくつかの有用な情報。
これは役立ちましたか?