セットアップ

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

スターターコードのダウンロード（オプション）

前のレッスンから続けていない場合は、以下のスターターコードをダウンロード、インストール、実行できます。これにより、前のレッスンと同じ状態の `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> を自己紹介文に更新します。