next js windows インストール

WindowsでNext.jsの環境をインストールして開発を始める手順は以下の通りです。 [1]

1. 必要な前提条件のインストール

Next.jsを実行するには、Node.js（推奨版・LTS）が必要です。 [1, 2]

1. Node.js公式サイトからLTS版のインストーラー（.msi）をダウンロードして実行します。
2. インストールが完了したら、WindowsのコマンドプロンプトまたはPowerShellを開き、以下のコマンドでバージョンが正しく表示されるか確認します： [1, 2]bashnode -v npm -v コードは注意してご使用ください。

2. Next.jsプロジェクトの作成

ターミナル（コマンドプロンプトまたはPowerShell）で、プロジェクトを保存したいフォルダに移動し、以下のコマンドを実行します： [1]

bash

npx create-next-app@latest

コードは注意してご使用ください。

コマンドを実行すると、プロジェクトの設定に関する質問がいくつか表示されます。キーボードの矢印キーとEnterで選択します： [1]

• Project name: プロジェクト名を入力（例：my-app）
• TypeScript: 利用するかどうか (Yes / No)
• Tailwind CSS: 利用するかどうか (Yes / No)
• App Router: 推奨のApp Routerを利用するかどうか (Yes / No)
• Turbopack: 開発用バンドラーを利用するかどうか [1, 2]

3. 開発サーバーの起動

作成されたプロジェクトのディレクトリに移動し、開発サーバーを起動します： [1, 2]

bash

cd my-app
npm run dev

コードは注意してご使用ください。

起動後、ブラウザで http://localhost:3000 にアクセスすると、Next.jsの初期画面が表示されます。 [1, 2]

もしエラーが出る場合や、WSL（Windows Subsystem for Linux） 環境での構築方法を知りたい場合は、お気軽にお知らせください。