create-next-app CLI
create-next-app CLIを使用すると、デフォルトテンプレートまたは公開GitHubリポジトリの例から新しいNext.jsアプリケーションを作成できます。これはNext.jsを始める最も簡単な方法です。
基本的な使用方法:
リファレンス
以下のオプションが利用可能です:
| オプション | 説明 |
|---|---|
-h または --help | 利用可能なすべてのオプションを表示 |
-v または --version | バージョン番号を出力 |
--no-* | デフォルトオプションを無効化。例: --no-eslint |
--ts または --typescript | TypeScriptプロジェクトとして初期化（デフォルト） |
--js または --javascript | JavaScriptプロジェクトとして初期化 |
--tailwind | Tailwind CSS設定で初期化（デフォルト） |
--eslint | ESLint設定で初期化 |
--app | App Routerプロジェクトとして初期化 |
--api | ルートハンドラーのみのプロジェクトを初期化 |
--src-dir | src/ディレクトリ内に初期化 |
--turbopack | 開発時にTurbopackをデフォルトで有効化 |
--import-alias <設定するエイリアス> | 使用するインポートエイリアスを指定（デフォルトは"@/*"） |
--empty | 空のプロジェクトを初期化 |
--use-npm | CLIにnpmを使用してアプリケーションをブートストラップするよう明示的に指示 |
--use-pnpm | CLIにpnpmを使用してアプリケーションをブートストラップするよう明示的に指示 |
--use-yarn | CLIにYarnを使用してアプリケーションをブートストラップするよう明示的に指示 |
--use-bun | CLIにBunを使用してアプリケーションをブートストラップするよう明示的に指示 |
-e または --example [名前] [GitHub URL] | アプリをブートストラップするための例 |
--example-path <例へのパス> | 例へのパスを個別に指定 |
--reset-preferences | CLIに保存された設定をリセットするよう明示的に指示 |
--skip-install | CLIにパッケージのインストールをスキップするよう明示的に指示 |
--yes | すべてのオプションで以前の設定またはデフォルトを使用 |
例
デフォルトテンプレートを使用
デフォルトテンプレートを使用して新しいアプリを作成するには、ターミナルで次のコマンドを実行します:
その後、次のプロンプトが表示されます:
プロンプトに回答すると、選択した構成で新しいプロジェクトが作成されます。
公式Next.jsの例を使用
公式Next.jsの例を使用して新しいアプリを作成するには、--exampleフラグを使用します。例:
利用可能なすべての例とセットアップ手順はNext.jsリポジトリで確認できます。
任意の公開GitHubの例を使用
任意の公開GitHubリポジトリの例を使用して新しいアプリを作成するには、GitHubリポジトリのURLと共に--exampleオプションを使用します。例: