Dans ce tutoriel, 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 construit 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 utilisez 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.
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 ce qui suit apt commandes dans le terminal.
sudo mise à jour appropriée
sudo mise à niveau appropriée
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 installer 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 NPM :
npm -v
Étape 3. Installation de Next.js sur Ubuntu 20.04.
Maintenant, nous créons un dossier vide n’importe où, pour example dans votre dossier personnel et accédez-y :
mkdir nextjs cd nextjs
Et créez votre premier projet Next :
mkdir premierprojet cd premierprojet
Ensuite, initialisez l’environnement de développement du projet Next.js avec le npx Outil de construction CLI :
npm init -y npm installer suivant réagir réagir-dom
La structure de fichier du projet doit ressembler à ce qui suit (à l’exception node_modules et package-lock.json):
chemin/vers/premierprojet/ 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
Sortir:
prêt – serveur démarré sur https://localhost:3000
Étape 3. Accès 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 :
https://127.0.0.1:3000/
Toutes nos félicitations! Vous avez correctement installé Next.js. 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 une aide supplémentaire ou des informations utiles, nous vous recommandons de vérifier le site officiel Next.js.
