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.

Configurer une nouvelle application Kinsta

Allez dans le panneau d’administration My Kinsta.
Allez dans l’onglet Applications.
Connectez votre dépôt GitHub.
Appuyez sur le bouton Add service > Application.
Suivez les étapes de l’assistant.
Votre application est déployée.

Plus de guides de déploiement

Filtrer par type de déploiement SSR Statique

Comment pouvons-nous vous aider ?

Comment pouvons-nous vous aider ?

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

Configurer votre projet Astro

Hébergement statique

Plus de guides de déploiement

Netlify

Vercel

Deno Deploy

GitHub Pages

GitLab Pages

Cloudflare Pages

AWS

AWS via Flightcontrol

AWS via SST

Google Cloud

Firebase Hosting

Heroku

Microsoft Azure

Buddy

Edgio

Render

Surge

Cleavr

Kinsta

Deta Space