Saltearse al contenido

Despliega tu projecto de Astro en el hosting de aplicaciones de Kinsta

Puedes usar el Hosting de aplicaciones Kinsta para deplegar tu projecto Astro a la nube.

:::tip [¿Buscas un ejemplo?] ¡Mira el proyecto oficial de Kinsta para Astro! :::

Para desplegar tu proyecto en el hosting de aplicaciones Kinsta, debes:

  • Incluir un campo name en tu package.json. (Esto puede ser cualquier cosa y no afectará su despliegue).
  • Incluir un script build en tu package.json. (Tu proyecto de Astro ya incluye uno).
  • Instalar el paquete serve y configurar el script start en serve dist/.

Aquí están las líneas necesarias en tu archivo package.json:

package.json
{
"name": "anything", // Esto es obligatorio, pero el valor no es importante.
"scripts": {
"dev": "astro dev",
"start": "serve dist/",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"astro": "^2.2.0",
"serve": "^14.0.1"
},
}

:::tip [¿Buscas un ejemplo?] ¡Echa un vistazo al proyecto oficial de Kinsta Application Hosting Starter para Astro SSR! :::

Para alojar tu proyecto en Kinsta Application Hosting, debes:

  • Incluir un campo name en tu package.json. (Esto puede ser cualquier cosa y no afectará su despliegue.)
  • Incluir un script build en tu package.json. (Tu proyecto de Astro ya debería incluir esto).
  • Instalar el paquete @astrojs/node y configura el script start en node ./dist/server/entry.mjs.
  • Configurar astro.config.mjs para usar @astrojs/node y para usar host: true.

Aqui están las líneas necesarias para tu archivo package.json:

package.json
{
"name": "anything", // Esto es obligatorio, pero el valor no es importante.
"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"
},
}

Aqui están las líneas necesarias para tu archivo astro.config.mjs:

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
}
});

Una vez que el repositorio de GitHub de tu proyecto esté conectado, puedes activar despliegues manuales en la aplicación de Kinsta en el Panel de administración de MyKinsta. También puedes configurar despliegues automáticos en el panel de administración.

Configurando una nueva aplicación en Kinsta

Sección titulada Configurando una nueva aplicación en Kinsta
  1. Dirigete al panel de administración de Mi Kinsta.
  2. Vaya a la pestaña Aplicaciones.
  3. Conecta tu repositorio de GitHub.
  4. Presione el botón Agregar servicio > Aplicación.
  5. Siga los pasos del asistente.
  6. Tu aplicación está desplegada.

Más guías de implementación