Este es un ejemplo de cómo configurar un sitio estático con Qwik en los servicios de Alojamiento de Aplicaciones o Sitios Estáticos de Kinsta desde un repositorio de GitHub.

Qwik ofrece carga instantánea de aplicaciones web de cualquier tamaño o complejidad con aproximadamente 1 KB de JavaScript y un rendimiento constante a escala. Más información en el sitio web de Qwik.

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

Alojamiento de Sitios Estáticos

  1. Inicia sesión en GitHub y crea un nuevo repositorio a partir de esta plantilla (Usar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello World – Qwik.
  2. En MyKinsta, añade un sitio estático con el repositorio Hello World – Qwik y la siguiente Configuración de construcción:
    • Comando de construcción: npm run build && npm run build.server
    • Versión de Node: 18.16.0
    • Directorio de publicación: dist
  3. El sitio estará disponible en cuanto finalice la construcción, y la página de Bienvenida de Kinsta se cargará en la URL de tu sitio.

Alojamiento de la Aplicación

  1. Inicia sesión en GitHub y crea un nuevo repositorio a partir de esta plantilla (Utiliza esta plantilla > Crear un nuevo repositorio): Kinsta — Hola Mundo — Qwik.
  2. En MyKinsta, añade una aplicación con el nombre Hola Mundo — Qwik. 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.
  3. La aplicación estará disponible tan pronto como finalice la construcción y la página de Bienvenida de Kinsta se cargue en la URL de su aplicación.

Configuración del Servidor Web

Puerto

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

Comando de Inicio

Al desplegar una 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 el redespliegue debido a un commit entrante), se ejecuta el comando npm build, seguido del comando npm start.

Página de Bienvenida

La aplicación o sitio está disponible tan pronto como finaliza la construcción, y la página de Bienvenida de Kinsta se carga en la URL de tu aplicación o en la URL de tu sitio estático.

Página de Bienvenida de Kinsta después del despliegue exitoso de Qwik.
Página de Bienvenida de Kinsta después del despliegue exitoso de Qwik.