Este es un ejemplo de cómo configurar un sitio Astro con renderizado del lado del servidor (server-side rendering, SSR) en los servicios de Alojamiento de Aplicaciones de Kinsta desde un repositorio de GitHub.

Por defecto, Astro es un constructor de sitios estáticos que se centra en sitios web ricos en contenido para ofrecer tiempos de carga más rápidos con menos JavaScript. Habilitar SSR en Astro permite añadir a tu sitio funciones dinámicas como sesiones para el inicio de sesión, conexión con una base de datos, etc. Encontrarás más información en el sitio web de Astro.

Durante el proceso de despliegue, Kinsta instala automáticamente las dependencias definidas en tu archivo package.json.

  1. Accede a GitHub y crea un nuevo repositorio a partir de esta plantilla (Utilizar esta plantilla > Crear un nuevo repositorio): Kinsta — Hello World — Sitio SSR Con Astro.
  2. En MyKinsta, añade una aplicación con el repositorio Hello World Astro SSR. El comando de Inicio puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.

El sitio estará disponible en cuanto finalice la construcción y se cargue la página de Bienvenida de Kinsta en la URL de tu sitio.

Página de bienvenida de Kinsta tras la instalación correcta de Astro.
Página de bienvenida de Kinsta tras la instalación correcta de Astro.

¿Prefieres ver la versión en vídeo?

Configuración del Servidor Web

Puerto

Kinsta establece automáticamente la variable de entorno PORT. No debes definirla tú mismo ni programarla en la aplicación.

Comando de Inicio

Cuando despliegas la aplicación, Kinsta crea automáticamente un proceso web con npm start como Comando de inicio. Asegúrate de utilizar este comando para ejecutar tu servidor.

Ciclo de Vida del Despliegue

Cada vez que se inicia un despliegue (mediante la creación de una aplicación o un nuevo despliegue debido a un commit entrante), se ejecuta el comando npm build, seguido del comando npm start.