コンテンツへスキップ

Next.js アプリのデプロイ

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

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

前のレッスンから続けていない場合は、このレッスンのスターターコードを下記からダウンロード、インストール、実行できます。これにより、前のレッスンの結果と同一になるように 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 = '[あなたの名前]' を自分の名前に更新します。
  • pages/index.js 内の <p>[自己紹介]</p> を自分の自己紹介に更新します。