Next.js ist ein bekanntes Framework für React, das Ihnen hilft, schnelle und moderne Websites zu erstellen, die einfach zu bedienen sind und leistungsstarke Funktionen wie serverseitiges Rendering, das Erstellen statischer Seiten und den Aufbau von APIs bieten.
Wenn Sie ein Next.js-Projekt auf Ihren Ubuntu-basierten Systemen starten möchten, führt Sie dieser Leitfaden Schritt für Schritt durch den Prozess.
Voraussetzungen
Bevor Sie ein Next.js-Projekt einrichten, müssen Sie einige Dinge auf Ihrem Linux-System installieren, darunter:
Node.js: Next.js basiert aufNode.js, daher müssen Sie Node.js installiert haben.npm: npm (Node Package Manager) wird verwendet, um die Pakete und Abhängigkeiten für Ihr Projekt zu verwalten.
Lassen Sie uns den Installationsprozess für Node.js und npm durchgehen.
Schritt 1: Installieren Sie Node.js und NPM in Linux
Bevor Sie neue Software installieren, ist es eine gute Idee, Ihre Paketliste zu aktualisieren, um sicherzustellen, dass Sie die neueste Version der Software, die in den Repositories verfügbar ist, installieren.
sudo apt update
Als nächstes können Sie Node.js installieren (installiert auch npm), wobei es am besten ist, die Version von Node.js zu installieren, die als LTS (Langzeitunterstützung) markiert ist, da es die stabilste und am weitesten verbreitete Version ist.
sudo apt install nodejs
Nachdem die Installation abgeschlossen ist, überprüfen Sie, ob Node.js korrekt installiert ist, indem Sie seine Version überprüfen:
node -v npm -v
Jetzt haben Sie sowohl Node.js als auch npm auf Ihrem System installiert.
Schritt 2: Next.js-Projekt installieren und einrichten
Jetzt, da Sie Node.js und npm installiert haben, ist es an der Zeit, ein neues Next.js-Projekt zu erstellen. Der einfachste Weg, Next.js zu installieren, ist die Verwendung von create-next-app, das ein offizielles Paket des Next.js-Teams ist.
sudo npm install -g create-next-app
Jetzt, da create-next-app installiert ist, können Sie ein neues Next.js-Projekt erstellen.
npx create-next-app@latest my-next-app
Hier ist my-next-app der Name Ihres Projektordners. Sie können ihn durch einen beliebigen Namen ersetzen, den Sie bevorzugen. Der Befehl npx wird das Paket create-next-app herunterladen und ausführen, und es wird ein neues Next.js-Projekt für Sie einrichten.
Nach Abschluss des Befehls haben Sie einen neuen Ordner namens my-next-app mit der grundlegenden Struktur einer Next.js-Anwendung.
Schritt 3: Führen Sie Ihr Next.js-Projekt aus
Nachdem das Projekt erstellt wurde, gehen Sie in Ihren Projektordner und starten Sie den Entwicklungsserver:
cd my-next-app npm run dev
Dieser Befehl startet den Next.js Entwicklungsserver. Standardmäßig läuft der Server auf http://localhost:3000.
Öffnen Sie Ihren Browser und gehen Sie zu dieser URL, und Sie sollten die standardmäßige Next.js Willkommensseite sehen.
Sie können beginnen, neue Seiten im app Ordner zu erstellen. Zum Beispiel erstellen Sie eine neue Datei about.js im app Verzeichnis, um eine Über-Seite zu erstellen.
Fazit
Sie haben erfolgreich ein neues Next.js Projekt auf Ihrem Ubuntu Rechner eingerichtet! Jetzt können Sie beginnen, Ihre Webanwendung zu erstellen, indem Sie neue Seiten, Komponenten und Funktionen hinzufügen.
Next.js erleichtert das Erstellen moderner Webanwendungen, und mit der Hilfe dieses Leitfadens haben Sie gelernt, wie man ein Next.js Projekt installiert und einrichtet.