当サイトは、一部記事に広告を含みます

新しいNext.jsのプロジェクトを準備する手順

nvmを使ってNext.jsのプロジェクトをスタートするまでの手順をまとめます。

※nvm:Node.jsのバージョン管理ツール

nvm(Node.js)のインストール〜設定

女の子

2025/1現在は以下です。
最新のコマンドは公式を参照

※①②はnvmを初めて使う場合のみ実行する◎

①nvmインストール

Loading code...

②nvmコマンドを使用可能にする(ターミナルを一旦閉じるでもok)

Loading code...

③プロジェクトのルートディレクトリにて.nvmrcを作成し、利用したいnodeのバージョンを記載する

今回は最新バージョンのv22.13.0を記載しました。
このファイルを作成しておくと、毎回nvm useのみでバージョンを切り替えられるようになるので便利👍

Next.jsのプロジェクトを立ち上げる

女の子

最新のコマンドは公式を参照

下記コマンドを実行する。
このあとプロジェクト名(フォルダ名)を聞かれるので、コマンドを実行する場所は「プロジェクトフォルダを作りたいディレクトリのひとつ上」が良さそう📝

Loading code...

聞かれた質問に答えていけばok

Loading code...

開発サーバを立ち上げる

Loading code...

http://localhost:3000/に繋いでアプリが立ち上がっていれば完了です🙆‍♀️

この記事が役に立ったら、
記事執筆のコーヒー代として応援してもらえると励みになります☕️

Buy Me A Coffee

関連記事