Dit is een voorbeeld van hoe je een Next.js en Prisma applicatie instelt om te deployen op Kinsta’s Applicatie Hosting en Database Hosting diensten vanuit een GitHub repository.

Prisma is een open-source database toolkit die databasetoegang voor developers vereenvoudigt door een type-safe en intuïtieve API te bieden. Het ondersteunt meerdere databases en genereert efficiënte, geoptimaliseerde SQL-queries voor snellere prestaties. Meer informatie is beschikbaar op de website prisma.io.

Kinsta installeert automatisch de dependencies die zijn gedefinieerd in je package.json bestand tijdens het deploymentproces. Deze applicatie vereist een PostgreSQL database om te kunnen werken.

  1. Voeg een database toe in MyKinsta en kies PostgreSQL als databasetype.
  2. Log in op GitHub en maak een nieuwe repository van deze template (Use this template > Create a new repository): Kinsta – Hello World – Prisma. Zorg ervoor dat je dezelfde Datacenter locatie kiest voor je applicatie als je hebt gedaan voor je database.
  3. Voeg een applicatie toe in MyKinsta met de Hello World – Prisma repository.
  4. Zodra de database klaar is voor verbindingen (er staat een groen vinkje naast), voeg je de interne verbinding tussen je applicatie en de database toe op de pagina Instellingen van de applicatie of de pagina Info van de database.
    1. Schakel het selectievakje Omgevingsvariabelen toevoegen… in.
    2. Schakel het selectievakje Omgevingsvariabelen toevoegen aan de applicatie in.
    3. Klik op Verbinding toevoegen.
  1. Ga naar de Deployments pagina van de applicatie en klik op Nu deployen > Deploy applicatie.

De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Kinsta Welcome page after successful installation of Next.js and Prisma.
Kinsta welkomstpagina na succesvolle installatie van Next.js en Prisma.

Webserver instellen

Poort

Kinsta stelt automatisch de omgevingsvariabele PORT in. Je moet deze niet zelf definiëren en je moet deze niet hard coderen in de applicatie.

Start commando

Kinsta maakt automatisch een webproces aan bij het deployen van een applicatie met npm start als startcommando. Zorg ervoor dat je dit commando gebruikt om je server te starten.

Deployment levenscyclus

Telkens als een deployment wordt gestart (door het maken van een applicatie of een redeploying als gevolg van een inkomende commit), wordt het commando npm build uitgevoerd, gevolgd door het commando npm start.