コンテンツにスキップ

42

セットアップ

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

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

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

繰り返しになりますが、前のレッスンを終えたばかりの場合は、これは必要ありません。

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

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

以下のファイルも更新する必要があります

  • public/images/profile.jpg をご自身の写真で更新してください(推奨:幅/高さ 400px)。
  • components/layout.js 内の const name = '[Your Name]' をご自身の名前に更新してください。
  • pages/index.js 内の <p>[Your Self Introduction]</p> をご自身の自己紹介で更新してください。

章を完了しました42

次のステップ

43: GitHubへプッシュ