Sponsor
ChatHubChatHub Use GPT-4, Gemini, Claude 3.5 and more chatbots side-by-side
ここをクリック
Menu

CLI

create-next-app CLIを使用すると、デフォルトテンプレートまたは公開GitHubリポジトリのサンプルを使用して新しいNext.jsアプリケーションを作成できます。これはNext.jsを始める最も簡単な方法です。

基本的な使用方法:

Terminal
npx create-next-app@latest [project-name] [options]

リファレンス

以下のオプションが利用可能です:

オプション説明
-h または --help利用可能なすべてのオプションを表示
-v または --versionバージョン番号を出力
--no-*デフォルトオプションを無効化。例:--no-eslint
--ts または --typescriptTypeScriptプロジェクトとして初期化(デフォルト)
--js または --javascriptJavaScriptプロジェクトとして初期化
--tailwindTailwind CSS設定で初期化(デフォルト)
--eslintESLint設定で初期化
--appAppルータープロジェクトとして初期化
--apiルートハンドラーのみのプロジェクトを初期化
--src-dirsrc/ディレクトリ内で初期化
--turbopack開発用にデフォルトでTurbopackを有効化
--import-alias <alias-to-configure>使用するインポートエイリアスを指定(デフォルト "@/*")
--empty空のプロジェクトを初期化
--use-npmnpmを使用してアプリケーションをブートストラップするよう指定
--use-pnpmpnpmを使用してアプリケーションをブートストラップするよう指定
--use-yarnYarnを使用してアプリケーションをブートストラップするよう指定
--use-bunBunを使用してアプリケーションをブートストラップするよう指定
-e または --example [name] [github-url]アプリをブートストラップするためのサンプル
--example-path <path-to-example>サンプルへのパスを個別に指定
--reset-preferences保存された設定をリセットするよう指定
--skip-installパッケージのインストールをスキップするよう指定
--yesすべてのオプションに対して以前の設定またはデフォルトを使用

デフォルトテンプレートを使用する場合

デフォルトテンプレートを使用して新しいアプリを作成するには、ターミナルで次のコマンドを実行します:

Terminal
npx create-next-app@latest

その後、以下のプロンプトが表示されます:

Terminal
What is your project named?  my-app
Would you like to use TypeScript?  No / Yes
Would you like to use ESLint?  No / Yes
Would you like to use Tailwind CSS?  No / Yes
Would you like your code inside a `src/` directory?  No / Yes
Would you like to use App Router? (recommended)  No / Yes
Would you like to use Turbopack for `next dev`?  No / Yes
Would you like to customize the import alias (`@/*` by default)?  No / Yes

プロンプトに答えると、選択した設定で新しいプロジェクトが作成されます。

公式Next.jsサンプルを使用する場合

公式Next.jsサンプルを使用して新しいアプリを作成するには、--exampleフラグを使用します:

Terminal
npx create-next-app@latest --example [example-name] [your-project-name]

利用可能なすべてのサンプルとセットアップ手順は、Next.jsリポジトリで確認できます。

任意の公開GitHubサンプルを使用する場合

任意の公開GitHubサンプルを使用して新しいアプリを作成するには、GitHubリポジトリのURLと共に--exampleオプションを使用します:

Terminal
npx create-next-app@latest --example "https://github.com/.../" [your-project-name]