Next.js周りのセットアップ ~Node環境構築編~

今回扱う技術

• Next.js
• TypeScript
• ESLint
• Prettier
• Prisma
• NextAuth
• TailWindCSS

Node.jsのセットアップ

NVM（Node Version Manager）のインストール

NVMは、複数のNode.jsバージョンを簡単にインストール、管理、切り替えるためのツールです。以下の手順でNVMをインストールします。

1. NVMをインストールするために、以下のコマンドをターミナルに入力します。

   curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
   

2. NVMが正しくインストールされたか確認するために、以下のコマンドを実行します。

   command -v nvm
   

   エラーが表示されなければ、NVMのインストールは成功です。

Node.jsのインストール

NVMを使ってNode.jsをインストールします。ここでは、最新の安定版Node.jsをインストールし、デフォルトバージョンとして設定する方法を説明します。

1. 最新の安定版Node.jsをインストールします。

   nvm install stable --latest-npm
   

2. インストールしたNode.jsをデフォルトバージョンとして設定します。

   nvm alias default stable
   

3. Node.jsが正しくインストールされたか確認するために、以下のコマンドを実行します。

   node -v
   

   Node.jsのバージョンが表示されれば、インストールは成功です。

npmのインストール確認

Node.jsと一緒にnpmもインストールされるはずです。npmが正しくインストールされたか確認するために、以下のコマンドを実行します。

npm -v

npmのバージョンが表示されれば、インストールは成功です。