Voici un exemple de configuration d’une application Next.js et Prisma à déployer sur les services d’hébergement d’applications et de bases de données de Kinsta à partir d’un dépôt GitHub.

Prisma est une boîte à outils de base de données open source qui simplifie l’accès aux bases de données pour les développeurs en fournissant une API intuitive et sécurisée. Il prend en charge plusieurs bases de données et génère des requêtes SQL efficaces et optimisées pour des performances accrues. Vous trouverez de plus amples informations sur le site prisma.io.

Kinsta installe automatiquement les dépendances définies dans votre fichier package.json pendant le processus de déploiement. Cette application nécessite une base de données PostgreSQL pour fonctionner.

  1. Dans MyKinsta, ajoutez une base de données et choisissez PostgreSQL comme type de base de données.
  2. Connectez-vous à GitHub et créez un nouveau dépôt à partir de ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – Prisma. Assurez-vous de choisir le même emplacement de centre de données pour votre application que pour votre base de données.
  3. Dans MyKinsta, ajoutez une application avec le dépôt Hello World – Prisma.
  4. Une fois que la base de données est prête pour les connexions (une coche verte est affichée à côté), ajoutez la connexion interne entre votre application et la base de données à partir de la page des Réglages de l’application ou de la page Info de la base de données.
    1. Cochez la case Ajouter des variables d’environnement…
    2. Cochez la case Ajouter des variables d’environnement à l’application.
    3. Cliquez sur Ajouter une connexion.
  1. Allez sur la page Déploiement de l’application et cliquez sur Déployer maintenant > Déployer l’application.

L’application est disponible dès que la compilation est terminée, et la page d’accueil de Kinsta se charge à l’URL de votre application.

Page d'accueil Kinsta après l'installation réussie de Next.js et Prisma.
Page d’accueil Kinsta après l’installation réussie de Next.js et Prisma.

Configuration du serveur web

Port

Kinsta définit automatiquement la variable d’environnement PORT. Vous ne devez pas la définir vous-même, ni la coder en dur dans l’application.

Commande de démarrage

Kinsta crée automatiquement un processus web lors du déploiement d’une application avec npm start comme commande de démarrage. Assurez-vous d’utiliser cette commande pour lancer votre serveur.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’une application ou par un redéploiement suite à un commit entrant), la commande npm build est exécutée, suivie de la commande npm start.