So erstellst du eine Next.js-Anwendung mit create-next-app

Cover Image for So erstellst du eine Next.js-Anwendung mit create-next-app

Voraussetzungen

Um eine Next.js-Anwendung zu erstellen, muss Node.js auf deinem Rechner installiert sein. Du kannst Node.js von der offiziellen Website hier herunterladen.

Eine Next.js-Anwendung erstellen

Der einfachste Weg, ein neues Projekt zu starten, ist der Befehl create-next-app. Du kannst diesen Befehl einfach über npx ausführen:

npx create-next-app

Dieser Befehl führt dich interaktiv durch den gesamten Erstellungsprozess deiner neuen Next.js-Anwendung.

Falls du create-next-app lieber nicht-interaktiv nutzen möchtest, kannst du dir die verfügbaren Parameter mit diesem Befehl anzeigen lassen:

create-next-app --help

Wir erstellen unsere Next.js-Anwendung in diesem Beispiel mit dem folgenden Befehl:

npx create-next-app my-next-js-app --ts --eslint --tailwind --src-dir --app --import-alias '@/*'

Die Next.js-Anwendung starten

Nachdem du die Next.js-Anwendung erstellt hast, kannst du sie mit den folgenden Befehlen starten:

cd my-next-js-app
npm run dev

Damit wird der Development-Server gestartet und du kannst deine Next.js-Anwendung im Browser unter http://localhost:3000 aufrufen.

> my-next-js-app@0.1.0 dev
> next dev
 
  ▲ Next.js 14.2.5
  - Local:        http://localhost:3000
 
 ✓ Starting...
 ✓ Ready in 2.1s

Fazit

Ein Projekt mit create-next-app zu starten, ist erst der Anfang. Die wahre Stärke des Frameworks liegt darin, wie du deine Daten strukturierst und wo du deinen Code hostest.

Wie geht es weiter mit deinem Projekt?

Nächste Artikel.