Tras meses de pruebas Beta, Kinsta pone el Alojamiento de Sitios Estáticos a disposición de cualquiera que necesite servir páginas HTML y recursos como archivos JavaScript y CSS a la velocidad del rayo.

Kinsta puede construir y enviar tu proyecto de sitio estático a los 260+ centros de datos  de la red global Cloudflare — y lo hacemos gratis.

¡Espera!, ¿rápido y gratis?

Sí, y para ayudar a explicar cómo lo hacemos, retrocedamos y respondamos a la pregunta: ¿Qué es un sitio web estático?

Conceptos Básicos del Sitio Estático

«El Alojamiento de Sitios Estáticos sirve archivos sin ningún tipo de procesamiento backend», dice Andras Gerencser, Director de Desarrollo de Kinsta. «Esta simplicidad lo convierte en una opción de alojamiento eficiente y de alto rendimiento»

Gerencser dice que los componentes típicos de un sitio web estático — HTML, CSS, JavaScript y archivos multimedia — pueden entregarse a los navegadores sin ser generados dinámicamente por el código que se ejecuta en un servidor.

«Algunos ejemplos básicos son los portfolios personales, los sitios web de CV, los sitios web empresariales más sencillos, las páginas de marketing o los sitios de documentación», dice. «También es posible utilizar generadores de sitios estáticos para compilar activos estáticos de otras fuentes, como archivos Markdown o un CMS»

Michael Fuller, desarrollador de JavaScript en Kinsta que ayudó a lanzar el Alojamiento de Sitios Estáticos, añade que los generadores de sitios estáticos convierten esas entradas en «un sitio web que funciona»:

«Lo hacen proporcionando temas, plugins y automatizando tareas repetitivas como la sustitución de texto, la creación de enlaces entre páginas, la optimización de imágenes, la minificación de código o la conversión de un documento en HTML», afirma.

Y Gerencser señala que los «sitios estáticos» pueden ser más dinámicos de lo que implica esa etiqueta.

«Puedes utilizar el alojamiento de sitios estáticos para configurar un frontend con cualquier tipo de backend, como un servicio Node.js en nuestra plataforma de Alojamiento de Aplicaciones o un WordPress headless ejecutándose en nuestra plataforma de Alojamiento Administrado de WordPress«, dice.

Fuller lo denomina «enfoque mixto»:

«Dado que JavaScript suele servirse como un activo estático, puedes crear un sitio estático que utilice un framework JavaScript para hablar con un servidor administrado por separado», dice. «De este modo, obtienes las ventajas de velocidad en los tiempos de carga iniciales, combinadas con la flexibilidad de un sitio dinámico.»

Lo que Obtienes Gratis con el Alojamiento de Sitios Estáticos

Además de las herramientas utilizadas para construir y desplegar tus sitios estáticos, certificados SSL gratuitos, soporte para nombres de dominio personalizados y una API para la gestión del sitio opcional, el alojamiento gratuito de Kinsta está disponible para aquellos cuyos proyectos se adhieran a los siguientes (generosos) límites:

  • 100 sitios estáticos por empresa
  • 1 creación simultánea por sitio
  • 1 GB de tamaño de imagen de construcción por sitio
  • 600 minutos de construcción al mes por empresa
  • 100 GB de ancho de banda al mes por empresa

Cómo Funciona el Alojamiento de Sitios Estáticos en Kinsta

Los desarrolladores que despliegan un sitio estático con Kinsta comienzan con su proyecto en un repositorio Git alojado en BitBucket, GitHub o GitLab. La conexión al repositorio Git y los ajustes de configuración necesarios para construir y desplegar el sitio se gestionan a través de MyKinsta.

Pero tu sitio web no tiene por qué construirse utilizando un generador de sitios estáticos. Siempre que puedas introducir tus activos web estáticos en un repositorio en uno de los alojamientos Git compatibles, tu proyecto puede desplegarse como un sitio estático.

Captura de pantalla: Creación de un sitio estático inicial en MyKinsta.
Cómo empezar con tu primer sitio estático en MyKinsta.

Cuando añades un sitio estático que se construye cuando se despliega, MyKinsta puede detectar automáticamente los ajustes de construcción requeridos por una variedad de generadores de sitios estáticos populares:

Captura de pantalla: Configuración sugerida para la creación de sitios estáticos.
Ajustes de construcción detectados para un proyecto que utiliza Astro para generar un sitio estático.

«Después», dice Gerencser, «MyKinsta pasa los archivos de tu repositorio a un pod aislado en uno de nuestros clusters Kubernetes, que puede ejecutar tu comando de construcción si es necesario. El resultado — tus archivos estáticos — se subirá al almacenamiento R2 de Cloudflare»

«Esto significa que tus archivos se distribuyen a más de 260 servidores de Cloudflare en todo el mundo, entregándolos siempre desde la ubicación más cercana a los visitantes de tu sitio web», afirma.

Diagrama que muestra los recursos utilizados para el alojamiento de sitios estáticos en Kinsta.
Un vistazo a la infraestructura que hay detrás del alojamiento de sitios estáticos de Kinsta.

Con tu sitio estático en funcionamiento, puedes hacerlo público con estilo, con tu propio nombre de dominio y soporte SSL gratuito:

Captura de pantalla: Añadir un dominio personalizado para un sitio estático.
Añadir un dominio personalizado para tu sitio estático en MyKinsta

Es Hora de Empezar a Crear tu Sitio Estático

Si quieres ponerte en marcha rápidamente con el Alojamiento de Sitios Estáticos en Kinsta, consulta nuestra creciente biblioteca de ejemplos de inicio rápido para generadores de sitios estáticos compatibles. Estos ejemplos incluyen repositorios Git que puedes copiar para poner en marcha tus propias implementaciones.

¿Quieres ponerte elegante con tu sitio «estático» y generar contenido dinámico utilizando JavaScript? Combina el Alojamiento de Sitios Estáticos con el Alojamiento de Aplicaciones y el Alojamiento de Bases de Datos para construir el backend que necesita tu proyecto web.