Tous les guides Déploiements · 5 min de lecture · Mis à jour le

Mettre en ligne une application Next.js depuis un fichier ZIP

Emballez votre projet Next.js, envoyez-le sur votre serveur et suivez le build jusqu’à ce qu’il soit en ligne sur une adresse HTTPS gratuite.

Avant de commencer

Il vous faut un compte vérifié, de l’argent dans votre portefeuille et un espace de travail en marche. Un espace de travail est votre propre serveur privé (VPS), et vous pouvez y mettre plusieurs applications.

Vérifiez que package.json contient un script build (next build) et un script start (next start). VibingView construit les projets Node ainsi : npm ci s’il y a un fichier de verrouillage (sinon npm install), puis npm run build, puis il démarre le conteneur avec npm start et PORT=3000.

Créer le fichier ZIP

Compressez le dossier du projet de sorte que package.json soit à la racine du ZIP. Laissez de côté node_modules et .next : le serveur les reconstruit, et ils ne font qu’alourdir l’envoi.

zip -r my-app.zip . -x 'node_modules/*' '.next/*' '.git/*' '.env*'

Un ZIP peut faire jusqu’à 100 Mo (500 Mo une fois décompressé). Il ne doit contenir ni liens symboliques ni chemins qui sortent du dossier du projet. Ne mettez jamais de secrets de production dans le ZIP : ajoutez-les plutôt comme variables d’environnement.

Déployer depuis le tableau de bord

  1. Ouvrez Tableau de bord → Déployer et choisissez l’espace de travail (serveur) cible.
  2. Choisissez l’envoi d’un ZIP et sélectionnez votre fichier. L’environnement et le port sont détectés à partir de son contenu (Node, port 3000).
  3. Nommez l’application et choisissez la fin de son adresse gratuite. Ne modifiez les réglages de build que si votre projet a besoin d’une commande particulière.
  4. Vérifiez le récapitulatif et confirmez. Le déploiement est ajouté à la file d’attente de votre serveur.
  5. Ouvrez l’application pour suivre le journal de build. L’application est en ligne dès que son conteneur reste en marche et répond sur son port. Son adresse HTTPS gratuite pointe alors vers elle.

Depuis le terminal

Une fois la CLI associée (voir le guide de la CLI), vous pouvez envoyer de la même façon depuis votre terminal :

node bin/vibingview.mjs deploy <workspace-id> my-app my-app.zip
node bin/vibingview.mjs logs <app-id> build

Besoin d’aide ? Ouvrez un ticket de support depuis votre tableau de bord.