まず、開発環境の準備をしましょう。
Windows を使用している場合は、Git for Windows のダウンロード をお勧めします。これにより Git Bash が提供され、このチュートリアルの UNIX 特有のコマンドがサポートされます。Windows Subsystem for Linux (WSL) も別の選択肢です。
Next.js アプリを作成するには、ターミナルを開き、アプリを作成するディレクトリにcdし、次のコマンドを実行します。
npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"
これは内部的に
create-next-appと呼ばれるツールを使用しており、これにより Next.js アプリがブートストラップされます。--exampleフラグを使用して、このテンプレートを使用します。うまくいかない場合は、このページをご覧ください。
nextjs-blogという新しいディレクトリができました。中にcdしましょう。
cd nextjs-blog
次に、次のコマンドを実行します。
npm run dev
これにより、ポート3000で Next.js アプリの「開発サーバー」(詳細は後述)が起動します。
動作を確認してみましょう。ブラウザからhttps://:3000を開いてください。
クイックレビュー：ページに表示されるテキストは何ですか？