Déployez 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

Consultez le projet officiel Kinsta Application Hosting Starter pour Astro ! :: :

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).
Installez le paquet serve et définissez le script start comme serve dist/.

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

{
  "name": "anything", // 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

Consultez le projet officiel Kinsta Application Hosting Starter pour Astro 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).
Installez le paquet @astrojs/node et définissez le script start à node ./dist/server/entry.mjs.
Définissez astro.config.mjs pour utiliser @astrojs/node et pour utiliser host : true.

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

{
  "name": "anything", // 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.