前のレッスンから続けている場合、このページはスキップできます。下のボタンをクリックして、次のページに進んでください。
前のレッスンから続けていない場合は、このレッスン用のスターターコードをダウンロード、インストール、実行できます。これにより、前のレッスンの結果と同一になるように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.js
の const name = '[Your Name]'
をあなたの名前で更新します。pages/index.js
の <p>[Your Self Introduction]</p>
をあなたの自己紹介で更新します。