create-next-app

Die create-next-app CLI ermöglicht es Ihnen, eine neue Next.js-Anwendung mit der Standard-Vorlage oder einem Beispiel aus einem öffentlichen GitHub-Repository zu erstellen. Es ist der einfachste Weg, um mit Next.js zu beginnen.

Grundlegende Verwendung:

Terminal

npx create-next-app@latest [Projektname] [Optionen]

Referenz

Die folgenden Optionen sind verfügbar:

Optionen	Beschreibung
`-h` oder `--help`	Alle verfügbaren Optionen anzeigen
`-v` oder `--version`	Versionsnummer ausgeben
`--no-*`	Standardoptionen negieren. Z.B. `--no-eslint`
`--ts` oder `--typescript`	Als TypeScript-Projekt initialisieren (Standard)
`--js` oder `--javascript`	Als JavaScript-Projekt initialisieren
`--tailwind`	Mit Tailwind CSS-Konfiguration initialisieren (Standard)
`--eslint`	Mit ESLint-Konfiguration initialisieren
`--app`	Als App Router-Projekt initialisieren
`--src-dir`	Innerhalb eines `src/`-Verzeichnisses initialisieren
`--turbopack`	Turbopack standardmäßig für Entwicklung aktivieren
`--import-alias <Alias-zu-konfigurieren>`	Import-Alias festlegen (Standard "@/*")
`--empty`	Ein leeres Projekt initialisieren
`--use-npm`	Der CLI explizit mitteilen, die Anwendung mit npm zu installieren
`--use-pnpm`	Der CLI explizit mitteilen, die Anwendung mit pnpm zu installieren
`--use-yarn`	Der CLI explizit mitteilen, die Anwendung mit Yarn zu installieren
`--use-bun`	Der CLI explizit mitteilen, die Anwendung mit Bun zu installieren
`-e` oder `--example [Name] [GitHub-URL]`	Ein Beispiel, mit dem die App initialisiert werden soll
`--example-path <Pfad-zum-Beispiel>`	Den Pfad zum Beispiel separat angeben
`--reset-preferences`	Der CLI explizit mitteilen, gespeicherte Einstellungen zurückzusetzen
`--skip-install`	Der CLI explizit mitteilen, das Installieren von Paketen zu überspringen
`--yes`	Vorherige Einstellungen oder Standardwerte für alle Optionen verwenden

Beispiele

Mit der Standard-Vorlage

Um eine neue App mit der Standard-Vorlage zu erstellen, führen Sie folgenden Befehl in Ihrem Terminal aus:

Terminal

npx create-next-app@latest

Sie werden dann zu folgenden Eingaben aufgefordert:

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

Sobald Sie die Eingaben getätigt haben, wird ein neues Projekt mit Ihrer gewählten Konfiguration erstellt.

Mit einem offiziellen Next.js-Beispiel

Um eine neue App mit einem offiziellen Next.js-Beispiel zu erstellen, verwenden Sie die --example-Option. Beispiel:

Terminal

npx create-next-app@latest --example [Beispielname] [Ihr-Projektname]

Eine Liste aller verfügbaren Beispiele mit Einrichtungsanweisungen finden Sie im Next.js-Repository.

Mit einem beliebigen öffentlichen GitHub-Beispiel

Um eine neue App mit einem beliebigen öffentlichen GitHub-Beispiel zu erstellen, verwenden Sie die --example-Option mit der GitHub-Repo-URL. Beispiel:

Terminal

npx create-next-app@latest --example "https://github.com/.../" [Ihr-Projektname]