セットアップ

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

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

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

繰り返しますが、前回のレッスンを終えたばかりの場合はこの作業は不要です。

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

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

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

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

On this page