[Next.js] 環境構築のやり方

1. Node.jsのインストール

まずは、Node.jsをインストールする必要があります。以下のサイトからダウンロードし、インストールしてください。

https://nodejs.org/ja/

2. Next.jsのインストール

Node.jsがインストールされたら、次にNext.jsをインストールします。以下のコマンドを実行してください。

npm install next react react-dom

3. プロジェクトの作成

Next.jsを使ったプロジェクトを作成するには、以下のコマンドを実行します。

npx create-next-app [プロジェクト名]

4. プロジェクトの起動

プロジェクトが作成されたら、以下のコマンドで開発用のサーバーを起動します。

cd [プロジェクト名]
npm run dev

ブラウザで http://localhost:3000 を開くと、Next.jsの初期ページが表示されます。