Installation des NextJS-Frameworks
In dieser Lektion installieren wir NextJS.
Für die Installation dieses Frameworks benötigen Sie
NodeJS Version 22 oder höher.
Um die Installation im Terminal zu starten, müssen Sie den folgenden Befehl ausführen:
npx create-next-app@latest
Danach startet der Installationsprozess und Ihnen wird eine Reihe von Fragen gestellt, mit denen Ihr Framework konfiguriert wird.
| Frage | Antwort |
|---|---|
| What is your project named? |
Hier müssen wir unseren Projektnamen festlegen.
Beliebiger Name ist möglich.
Schreiben Sie my-app.
|
| Would you like to use TypeScript? |
Hier wird uns angeboten, TypeScript zu verwenden.
Das werden wir nicht tun, da wir der Einfachheit halber
vorerst mit JavaScript arbeiten werden.
Wählen Sie No. |
| Would you like to use ESLint? |
ESLint ist eine spezielle Bibliothek, die
Ihren Code auf Konformität mit Formatierungsstandards prüft.
Wählen Sie Yes. |
| Would you like to use Tailwind CSS? |
Tailwind ist ein spezielles CSS-Framework für React.
Wählen Sie Yes. |
| Would you like to use `src/` directory? |
Hier wird gefragt, ob unser Projekt
in einem src-Ordner sein soll.
Wählen Sie Yes. |
| Would you like to use App Router? |
Aktiviert die moderne Routing-Variante.
Wählen Sie Yes. |
| Would you like to customize the default import alias (@/*)? |
Diese Einstellung vereinfacht
Dateipfade bei der Verwendung von
Datei-Imports.
Wählen Sie Yes. |
Nach dem Beantworten aller gestellten Fragen startet die Installation des Frameworks. Wenn das Projekt erstellt wurde, wechseln Sie in dessen Ordner:
cd my-app
Erstellen Sie ein Projekt mit NextJS.