Este es un ejemplo de cómo configurar un sitio estático con Astro en los servicios de Alojamiento de Aplicaciones de Kinsta.

Astro es un framework web todo en uno para construir sitios web rápidos y centrados en el contenido con las siguientes características clave:

  • Component Islands: Una nueva arquitectura web para construir sitios web más rápidos.
  • Diseño de Server-first API: Aleja la costosa hidratación de los dispositivos de tus usuarios.
  • Zero JS, por defecto: No hay sobrecarga de tiempo de ejecución de JavaScript que te ralentice.
  • Edge-ready: Implanta en cualquier lugar, incluso en un tiempo de ejecución global como Deno o Cloudflare.
  • Personalizable: Tailwind, MDX y más de 100 integraciones para elegir.
  • UI-agnostic: compatible con React, Preact, Svelte, Vue, Solid, Lit y otros.

Hay más información disponible en el sitio web de Astro.

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

  1. Haz un fork de este repositorio de GitHub: Kinsta – Hola Mundo – Sitio estático con Astro
  2. En MyKinsta, añade una aplicación con el repositorio Hola Mundo Astro. 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.

La aplicación estará disponible en cuanto termine la compilación y se cargue una página Hello Astronaut en la URL de tu aplicación.

Página Astro Hellow Astronaut después de la instalación exitosa.
Página Astro Hellow Astronaut después de la instalación exitosa.

Configuración del Servidor Web

Puerto

Kinsta establece automáticamente la variable de entorno PORT. No necesitas definirla ni codificarla en la aplicación. El paquete serve utiliza el puerto establecido por Kinsta automáticamente.

Comando de inicio

Cuando despliegas la aplicación, Kinsta crea automáticamente un proceso web con npm start como comando de inicio.

Ciclo de Vida del Despliegue

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