Déployer votre site Astro vers l'hébergement d'applications Kinsta

Vous pouvez utiliser Kinsta Application Hosting pour héberger un site Astro sur leur hébergement en cloud.

Configurer votre projet Astro

Hébergement statique

Pour héberger votre projet sur Kinsta Application Hosting, vous devez :

Inclure un champ name dans votre package.json. (Cela peut être n’importe quoi, et n’affectera pas votre déploiement).
Inclure un script build dans votre package.json. (Votre projet Astro devrait déjà l’inclure).
Installer le paquet serve et définir le script start sur serve dist/.

Voici les lignes nécessaires dans votre fichier package.json :

{
  "name": "ce-que-vous-voulez", // C'est obligatoire, mais sa valeur n'a pas d'importance.
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}

SSR

Pour héberger votre projet sur Kinsta Application Hosting, vous devez :

Inclure un champ name dans votre package.json. (Cela peut être n’importe quoi, et n’affectera pas votre déploiement).
Inclure un script build dans votre package.json. (Votre projet Astro devrait déjà l’inclure).
Installer le paquet @astrojs/node et définir le script start sur node ./dist/server/entry.mjs.
Modifier astro.config.mjs pour utiliser @astrojs/node et pour utiliser host: true.

Voici les lignes nécessaires dans votre fichier package.json :

{
  "name": "ce-que-vous-voulez", // C'est obligatoire, mais sa valeur n'a pas d'importance.
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}

Voici les lignes nécessaires dans votre fichier astro.config.mjs :

  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";

  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });

Comment déployer

Une fois que le dépôt GitHub de votre projet est connecté, vous pouvez déclencher des déploiements manuels vers l’hébergement d’applications Kinsta dans le MyKinsta Admin Panel. Vous pouvez également configurer des déploiements automatiques dans votre panneau d’administration.