フレームワークNextJSのインストール
このレッスンでは、NextJSをインストールします。
このフレームワークをインストールするには、
NodeJS バージョン 22 以上が必要です。
ターミナルで インストールを開始するには、次のコマンドを実行します:
npx create-next-app@latest
その後、インストールプロセスが開始され、 フレームワークの設定に使用される一連の質問に 答えるよう求められます。
| 質問 | 回答 |
|---|---|
| What is your project named? |
ここではプロジェクト名を設定する必要があります。
任意の名前を設定できます。
my-appと入力してください。
|
| Would you like to use TypeScript? |
ここではTypeScriptを使用するかどうか提案されています。
シンプルにするためにJavaScriptで作業するため、
ここでは使用しません。
Noを選択してください。 |
| Would you like to use ESLint? |
ESLintは、コードがフォーマット標準に
準拠しているかをチェックする特別なライブラリです。
Yesを選択してください。 |
| Would you like to use Tailwind CSS? |
Tailwindは、React用の特別なCSSフレームワークです。
Yesを選択してください。 |
| Would you like to use `src/` directory? |
ここでは、プロジェクトを src フォルダー内に
配置するかどうか尋ねられています。
Yesを選択してください。 |
| Would you like to use App Router? |
最新のルーティングオプションを有効にします。
Yesを選択してください。 |
| Would you like to customize the default import alias (@/*)? |
この設定により、ファイルをインポートする際の
ファイルパスを簡略化できます。
Yesを選択してください。 |
提案されたすべての質問に答えると、 フレームワークのインストールが開始されます。 プロジェクトが作成されたら、そのフォルダーに移動します:
cd my-app
NextJSでプロジェクトを作成してください。