Next.jsのインストール方法

環境情報

• MacBook Air M1, 2020
• node 16.14.0
• react 18.2.0
• create-next-app 13.4.4

手順

create-next-app をインストールする

npm install -g create-next-app

下記コマンドを実行して、バージョンが表示されれば成功。

create-next-app --version

プロジェクトの雛形を作成する

cdコマンドでプロジェクトを作成したいディレクトリに移動し、下記コマンドでプロジェクトの雛形を作成する。

npx create-next-app hoge

下記コマンドを実行してサーバーを立ち上げる。

npm run dev

http://localhost:3000 にアクセスして下記画面が表示されれば成功。