So installieren Sie Next.js unter Ubuntu 20.04 LTS

In diesem Tutorial zeigen wir Ihnen, wie Sie Next.js auf Ubuntu 20.04 LTS installieren. Für diejenigen unter Ihnen, die es nicht wussten, Next.js ist ein Javascript-Framework, das auf React basiert. js, mit dem Entwickler statische und dynamische Websites und Webanwendungen erstellen können.

Dieser Artikel geht davon aus, dass Sie zumindest über Grundkenntnisse in Linux verfügen, wissen, wie man die Shell verwendet, und vor allem, dass Sie Ihre Website auf Ihrem eigenen VPS hosten. Die Installation ist recht einfach und setzt Sie voraus im Root-Konto ausgeführt werden, wenn nicht, müssen Sie möglicherweise 'sudo hinzufügen ‘ zu den Befehlen, um Root-Rechte zu erhalten. Ich zeige Ihnen die Schritt-für-Schritt-Installation des Open-Source-Javascript-Frameworks Next.js auf Ubuntu 20.04 (Focal Fossa). Sie können denselben Anweisungen für Ubuntu 18.04, 16.04 und jede andere Debian-basierte Distribution wie Linux Mint folgen.

Voraussetzungen

• Ein Server, auf dem eines der folgenden Betriebssysteme ausgeführt wird:Ubuntu 20.04, 18.04, 16.04 und jede andere Debian-basierte Distribution wie Linux Mint.
• Es wird empfohlen, dass Sie eine neue Betriebssysteminstallation verwenden, um potenziellen Problemen vorzubeugen.
• Ein non-root sudo user oder Zugriff auf den root user . Wir empfehlen, als non-root sudo user zu agieren , da Sie Ihr System beschädigen können, wenn Sie als Root nicht aufpassen.

Installieren Sie Next.js auf Ubuntu 20.04 LTS Focal Fossa

Schritt 1. Stellen Sie zunächst sicher, dass alle Ihre Systempakete auf dem neuesten Stand sind, indem Sie den folgenden apt ausführen Befehle im Terminal.

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Schritt 2. Installation von Node.js.

Fügen Sie jetzt das Node.js-Repository zu Ihrem System hinzu:

curl -sL https://deb.nodesource.com/setup_14.x | bash -
sudo apt install nodejs

Überprüfen Sie nun Ihre Node.js-Version, indem Sie den Befehl auf Ihrem Terminal ausführen:

nodejs -v

Und prüfen Sie auch die NPM-Version:

npm -v

Schritt 3. Installation von Next.js auf Ubuntu 20.04.

Nun legen wir irgendwo einen leeren Ordner an, zum Beispiel in deinem Home-Ordner, und gehen hinein:

mkdir nextjs
cd nextjs

Und erstellen Sie Ihr erstes Next-Projekt:

mkdir firstproject
cd firstproject

Initialisieren Sie dann die Next.js-Projektentwicklungsumgebung mit dem npx CLI-Build-Tool:

npm init -y
npm install next react react-dom

Die Dateistruktur des Projekts sollte wie folgt aussehen (ausgenommen node_modules und package-lock.json ):

path/to/firstproject/
├── package.json
├── pages
├── public
├── README.md
└── styles

Führen Sie nun im Terminal npm run dev aus So starten Sie den Next-Entwicklungsserver:

npm run dev

Ausgabe:

ready - started server on http://localhost:3000

Schritt 3. Zugriff auf das Next.js-Projekt.

Navigieren Sie nach erfolgreicher Installation in einem Webbrowser zu Ihrer Server-IP auf Port 3000:

http://127.0.0.1:3000/

Herzlichen Glückwunsch! Sie haben Next.js erfolgreich installiert. Vielen Dank, dass Sie dieses Tutorial zur Installation des Next.js-Open-Source-JavaScript-Frameworks auf dem Ubuntu 20.04 LTS Focal Fossa-System verwendet haben. Für zusätzliche Hilfe oder nützliche Informationen , empfehlen wir Ihnen, die offizielle Next.js-Website zu besuchen.