Déployer une application Next.js maintenant

Comment utiliser Now pour déployer facilement et en toute transparence votre application Next.js

Zeit s'appelle maintenantVercel, et ce didacticiel est peut-être obsolète

Comment déployer une application Next.js sur un vrai serveur Web, afin que d'autres personnes puissent y accéder?

L'un des moyens les plus simples de déployer une application Next consiste àÀ présentplateforme créée parZeit, la même société qui a créé le projet Open Source Next.js. Vous pouvez utiliser Now pour déployer des applications Node.js, des sites Web statiques et bien plus encore.

Rend désormais l'étape de déploiement et de distribution d'une application très, très simple et rapide, et en plus des applications Node.js, ils prennent également en charge le déploiement de Go, PHP, Python et d'autres langages.

Vous pouvez le considérer comme le «cloud», car vous ne savez pas vraiment où votre application sera déployée, mais vous savez que vous aurez une URL où vous pourrez l'atteindre.

Il est maintenant gratuit de commencer à utiliser, avec un plan gratuit généreux qui comprend actuellement 100 Go d'hébergement, 1000sans serveurappels de fonctions par jour, 1000 builds par mois, 100 Go de bande passante par mois et unCDNlieu. Lepage de tarificationvous aide à vous faire une idée des coûts si vous en avez besoin

Installation

La meilleure façon de commencer à utiliser Now est d'utiliser la CLI officielle Now:

npm install -g now

Une fois la commande disponible, exécutez

now login

et l'application vous demandera votre e-mail.

Si vous ne vous êtes pas déjà inscrit, créez un compte surhttps://zeit.co/signupavant de continuer, puis ajoutez votre e-mail au client CLI.

Une fois que cela est fait, à partir du dossier racine du projet Next.js, exécutez

now

et l'application sera instantanément déployée sur le cloud Now, et vous recevrez l'URL unique de l'application:

Une fois que vous exécutez lenowprogramme, l'application est déployée sur une URL aléatoire sous lenow.shdomaine.

Nous pouvons voir 3 URL différentes dans la sortie donnée dans l'image:

Pourquoi tant?

Le premier est l'URL identifiant le déploiement. Chaque fois que nous déploierons l'application, cette URL changera.

Vous pouvez tester immédiatement en modifiant quelque chose dans le code du projet et en exécutantnowde nouveau:

Les 2 autres URL ne changeront pas. Le premier est aléatoire, le second est le nom de votre projet (qui par défaut est le dossier du projet actuel, le nom de votre compte, puisnow.sh).

Si vous visitez l'URL, vous verrez l'application déployée en production.

Vous pouvez configurer Now pour servir le site sur votre propre domaine ou sous-domaine personnalisé, mais je ne vais pas m'y plonger pour le moment.

Lenow.shsous-domaine est suffisant pour nos besoins de test.

Téléchargez mon gratuitManuel Next.js


Plus de prochains tutoriels: