Añadir Sitio Estático
Con el Alojamiento de Sitios Estáticos, puedes construir y alojar fácilmente tu sitio estático en Kinsta. El Alojamiento de Sitios Estáticos está disponible para todos en MyKinsta. Puedes añadir hasta 100 sitios por empresa. Para más información, consulta la lista de Características del Sitio Estático.
Añadir un Sitio Estático
Para añadir un nuevo sitio estático, haz clic en Añadir sitio en la página Sitios Estáticos.
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.
- Fichero index: Si utilizas una aplicación de una sola página (SPA, single-page application), introduce la página por defecto del sitio. Las SPA suelen utilizar un único archivo HTML, comúnmente denominado
index.html. Cuando un usuario introduce una URL para tu sitio, todo el tráfico de navegación se dirige a través del archivo index para garantizar una navegación fluida dentro del sitio. - Archivo error: Si utilizas una aplicación de una sola página (SPA), puedes especificar a qué archivo redirigir el tráfico si se produce un error en la navegación.
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 buildnpm run build | dist |
| ElderJS | yarn buildnpm run build | public |
| Gatsby | yarn buildnpm run build | public |
| Next.js | yarn buildnpm run build | out |
| Nuxt | yarn generatenpm run generate | .output/public |
| React (usando Crear React App) | yarn buildnpm run build | build |
| React (usando Vite) | yarn buildnpm 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.
Visitar Sitio
Una vez que tu sitio se haya desplegado correctamente, puedes abrirlo utilizando Visitar Sitio en la parte superior de cada página dentro del sitio estático en MyKinsta.
