29
チャプター29
セットアップ
前のレッスンから続けている場合、このページはスキップできます。
スターターコードをダウンロード(任意)
前のレッスンから続けていない場合、以下の本レッスンのスターターコードをダウンロード、インストール、実行できます。これにより、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>
を自己紹介文に更新してください。
お役に立ちましたか?