コンテンツにスキップ

APIルート

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

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

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

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

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

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

また、以下のファイルを更新する必要があります。

  • public/images/profile.jpg をあなたの写真(推奨:幅/高さ400px)で更新します。
  • components/layout.jsconst name = '[Your Name]' をあなたの名前で更新します。
  • pages/index.js<p>[Your Self Introduction]</p> をあなたの自己紹介で更新します。