Come installare Next.js su Ubuntu 20.04 LTS

In questo tutorial, ti mostreremo come installare Next.js su Ubuntu 20.04 LTS. Per chi non lo sapesse, Next.js è un framework Javascript basato su React. js, che consente agli sviluppatori di creare siti Web statici e dinamici e applicazioni Web.

Questo articolo presuppone che tu abbia almeno una conoscenza di base di Linux, sappia come usare la shell e, soprattutto, che ospiti il ​​tuo sito sul tuo VPS. L'installazione è abbastanza semplice e presuppone che tu sono in esecuzione nell'account root, in caso contrario potrebbe essere necessario aggiungere 'sudo ' ai comandi per ottenere i privilegi di root. Ti mostrerò l'installazione passo passo del framework Javascript open source Next.js su Ubuntu 20.04 (Focal Fossa). Puoi seguire le stesse istruzioni per Ubuntu 18.04, 16.04 e qualsiasi altra distribuzione basata su Debian come Linux Mint.

Prerequisiti

• Un server che esegue uno dei seguenti sistemi operativi:Ubuntu 20.04, 18.04, 16.04 e qualsiasi altra distribuzione basata su Debian come Linux Mint.
• Si consiglia di utilizzare una nuova installazione del sistema operativo per prevenire potenziali problemi.
• Un non-root sudo user o accedere all'root user . Ti consigliamo di agire come non-root sudo user , tuttavia, poiché puoi danneggiare il tuo sistema se non stai attento quando agisci come root.

Installa Next.js su Ubuntu 20.04 LTS Focal Fossa

Passaggio 1. Innanzitutto, assicurati che tutti i pacchetti di sistema siano aggiornati eseguendo il seguente apt comandi nel terminale.

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

Passaggio 2. Installazione di Node.js.

Ora aggiungi il repository Node.js al tuo sistema:

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

Ora controlla la tua versione di Node.js eseguendo il comando sul tuo terminale:

nodejs -v

E controlla anche la versione NPM:

npm -v

Passaggio 3. Installazione di Next.js su Ubuntu 20.04.

Ora creiamo una cartella vuota ovunque, ad esempio nella tua cartella Inizio, e entriamo in essa:

mkdir nextjs
cd nextjs

E crea il tuo primo progetto successivo:

mkdir firstproject
cd firstproject

Quindi, inizializza l'ambiente di sviluppo del progetto Next.js con npx Strumento di creazione CLI:

npm init -y
npm install next react react-dom

La struttura del file del progetto dovrebbe essere simile alla seguente (escluso node_modules e package-lock.json ):

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

Ora usando il terminale, esegui npm run dev per avviare il server di sviluppo successivo:

npm run dev

Risultato:

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

Passaggio 3. Accesso al progetto Next.js.

Una volta completata l'installazione, vai all'IP del tuo server sulla porta 3000 in un browser web:

http://127.0.0.1:3000/

Congratulazioni! Hai installato con successo Next.js. Grazie per aver utilizzato questo tutorial per l'installazione del framework Javascript open source Next.js su Ubuntu 20.04 LTS Focal Fossa system. Per ulteriore aiuto o informazioni utili , ti consigliamo di controllare il sito Web ufficiale di Next.js.