セットアップ

前のレッスンから続けている場合は、このページをスキップできます。

スターターコードをダウンロード (オプション)

前のレッスンから続けていない場合は、このレッスンのスターターコードを以下からダウンロード、インストール、実行できます。これにより、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)。
• components/layout.js 内の const name = '[Your Name]' をあなたの名前に更新してください。
• pages/index.js 内の <p>[Your Self Introduction]</p> をあなたの自己紹介に更新してください。