コンテンツへスキップ

プリレンダリングとデータフェッチング

前のレッスンから続けている場合は、このページをスキップできます。次のページに進むには、下のボタンをクリックしてください。

スターターコードのダウンロード(任意)

前のレッスンから続けていない場合は、以下のこのレッスンのスターターコードをダウンロード、インストール、実行できます。これにより、`nextjs-blog`ディレクトリが前のレッスンの結果と同じになります。

繰り返しになりますが、前のレッスンを終了したばかりの場合は、これは不要です。

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/data-fetching-starter"

次に、コマンド出力の指示に従ってください(ディレクトリに`cd`して開発サーバーを起動します)。

また、次のファイルも更新する必要があります。

  • `public/images/profile.jpg`をあなたの写真で更新してください(推奨:400px幅/高さ)。
  • `const name = '[あなたの名前]'`を`components/layout.js`であなたの名前に変更してください。
  • `<p>[自己紹介]</p>`を`pages/index.js`であなたの自己紹介に変更してください。
前へ次へ