Comment installer Next.js sur Ubuntu 20.04 LTS

Dans ce didacticiel, nous allons vous montrer comment installer Next.js sur Ubuntu 20.04 LTS. Pour ceux d'entre vous qui ne le savaient pas, Next.js est un framework Javascript basé sur React. js, qui permet aux développeurs de créer des sites Web et des applications Web statiques et dynamiques.

Cet article suppose que vous avez au moins des connaissances de base sur Linux, que vous savez utiliser le shell et, plus important encore, que vous hébergez votre site sur votre propre VPS. L'installation est assez simple et suppose que vous s'exécutent dans le compte root, sinon vous devrez peut-être ajouter 'sudo ‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer l'installation étape par étape du framework Javascript open-source Next.js sur Ubuntu 20.04 (Focal Fossa). Vous pouvez suivre les mêmes instructions pour Ubuntu 18.04, 16.04 et toute autre distribution basée sur Debian comme Linux Mint.

Prérequis

Un serveur exécutant l'un des systèmes d'exploitation suivants :Ubuntu 20.04, 18.04, 16.04 et toute autre distribution basée sur Debian comme Linux Mint.
Il est recommandé d'utiliser une nouvelle installation du système d'exploitation pour éviter tout problème potentiel.
Un non-root sudo user ou l'accès à l'root user . Nous vous recommandons d'agir en tant qu'non-root sudo user , cependant, car vous pouvez endommager votre système si vous ne faites pas attention lorsque vous agissez en tant que root.

Installez Next.js sur Ubuntu 20.04 LTS Focal Fossa

Étape 1. Tout d'abord, assurez-vous que tous vos packages système sont à jour en exécutant le apt suivant commandes dans le terminal.

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

Étape 2. Installation de Node.js.

Ajoutez maintenant le référentiel Node.js à votre système :

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

Vérifiez maintenant votre version de Node.js en exécutant la commande sur votre terminal :

nodejs -v

Et vérifiez également la version de NPM :

npm -v

Étape 3. Installation de Next.js sur Ubuntu 20.04.

Nous créons maintenant un dossier vide n'importe où, par exemple dans votre dossier personnel, et y allons :

mkdir nextjs
cd nextjs

Et créez votre premier projet Next :

mkdir firstproject
cd firstproject

Ensuite, initialisez l'environnement de développement du projet Next.js avec le npx Outil de création CLI :

npm init -y
npm install next react react-dom

La structure de fichier du projet doit ressembler à ce qui suit (à l'exception de node_modules et package-lock.json ):

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

Maintenant, en utilisant le terminal, exécutez npm run dev pour démarrer le serveur de développement Next :

npm run dev

Sortie :

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

Étape 3. Accéder au projet Next.js.

Une fois l'installation terminée, accédez à l'adresse IP de votre serveur sur le port 3000 dans un navigateur Web :

http://127.0.0.1:3000/

Félicitations ! Vous avez installé Next.js avec succès. Merci d'avoir utilisé ce didacticiel pour installer le framework Javascript open source Next.js sur le système Ubuntu 20.04 LTS Focal Fossa. Pour obtenir de l'aide supplémentaire ou des informations utiles , nous vous recommandons de consulter le site officiel Next.js.