Con el alojamiento de sitios estáticos, puedes crear y alojar fácilmente tu sitio estático en Kinsta.

Añadir un Sitio Estático

Para añadir un nuevo sitio estático, haz clic en Añadir sitio estático en la página Sitio Estático.

La primera vez que añadas un sitio estático, tendrás que seleccionar un proveedor de servicios Git y un repositorio de tu cuenta. Puedes elegir entre cualquiera (o todos) de los siguientes:

Una vez que hayas conectado tu cuenta de proveedor de Git, volverás a MyKinsta para continuar con el resto de los pasos de Añadir sitio estático.

Los siguientes campos están disponibles en el formulario multiparte con los efectos descritos.

Detalles

Seleccionar Rama

Aquí tienes la opción de seleccionar cualquiera de los proveedores de servicios Git admitidos.

  • Repositorio: Selecciona el repositorio Git a utilizar.
  • Rama por defecto: Establece la rama que se desplegará en el commit o manualmente.
  • Despliegue automático en el commit: Marca esta casilla para desplegar automáticamente tu sitio cada vez que se realice un commit en la rama seleccionada anteriormente.

Detalles Básicos

  • Nombre para mostrar: Este nombre se mostrará en MyKinsta para facilitar la referencia. El nombre debe ser único; no puede ser el mismo que el de otro sitio estático, aplicación o sitio WordPress.

Configuración de Construcción

Los ajustes de construcción dictan cómo construimos tu sitio estático. Si tu sitio utiliza uno de los frameworks que detectamos automáticamente, el comando Build y el directorio Publish se rellenan automáticamente, y se muestra una notificación de que se ha detectado el framework. Vuelve a comprobar los campos para confirmar que son correctos.

Configuración de Construcción

  • Comando de construcción: Opcional. Si tu sitio estático requiere un comando de construcción, introdúcelo aquí.
  • Versión de Node: Opcional. Si introduces un comando de construcción, puedes especificar qué versión de Node.js utilizar durante el proceso de construcción para garantizar la compatibilidad y evitar errores.
  • Directorio de publicación: Opcional. Si se deja en blanco, por defecto es la carpeta root de tu repositorio.
    • Si quieres publicar tu sitio en un subdirectorio específico, introdúcelo aquí, relativo a la raíz del repositorio.
    • Si tienes un sitio HTML que no necesita ser construido y que quieres ejecutar desde un subdirectorio específico, coloca los archivos de tu sitio en ese directorio e introdúcelo aquí, relativo al root del repositorio.

Frameworks Detectados Automáticamente

Para detectar automáticamente el framework, comprobamos qué dependencias se utilizan en el archivo package.json para determinar el framework. Si se detecta uno de los siguientes frameworks, rellenamos automáticamente los campos Comando de construcción y Directorio de publicación. También comprobamos si hay un archivo yarn.lock en el repositorio, y si lo hay, rellenamos el Comando de construcción con los comandos yarn equivalentes en lugar de los comandos npm.

Framework Comando Construir Publicar Directorio
Astro yarn build
npm run build		 dist
ElderJS yarn build
npm run build		 public
Gatsby yarn build
npm run build		 public
Next.js yarn build
npm run build		 out
Nuxt yarn generate
npm run generate		 .output/public
React (usando Crear React App) yarn build
npm run build		 build
React (usando Vite) yarn build
npm run build		 dist

Si utilizas un framework diferente que te gustaría que se añadiera a la lista de frameworks detectados automáticamente, abre un nuevo chat con nuestro equipo de Soporte y dínoslo.

Variables de Entorno

Las variables de entorno proporcionan de forma segura al proceso de construcción información como claves API u otros detalles que no quieres incluir como texto claro en el código de tu sitio. Añade aquí los pares clave-valor para tus variables de entorno. Las variables de entorno también pueden añadirse, actualizarse o eliminarse en la página Configuración después de crear tu sitio.

Haz clic en Crear sitio para empezar a desplegar tu sitio.

Documentación Relacionada