Cómo construir una web estática ultrarrápida con Hugo

Cómo construir una web estática ultrarrápida con Hugo

Hugo es un generador de sitios estáticos (SSG) escrito en Go (también conocido como Golang), un lenguaje de programación compilado de alto rendimiento que se usa a menudo para desarrollar aplicaciones y servicios de backend.

Hoy en día, Hugo es capaz de renderizar la mayoría de webs en segundos (<1 ms por página). Eso explica por qué Hugo se autodenomina «el framework más rápido del mundo para crear webs».

En este artículo, echaremos un vistazo a la historia de Hugo, qué lo hace tan rápido y cómo puedes empezar a construir tu propio sitio estático con Hugo.

Steve France desarrolló originalmente el generador de sitios estáticos Hugo en 2013, y Bjørn Erik Pedersen tomó el relevo como desarrollador principal del proyecto en 2015. Hugo es un proyecto de código abierto, lo que significa que cualquiera puede ver y mejorar su código.

Como generador de sitios estáticos, Hugo toma archivos de contenido en Markdown, los procesa a través de las plantillas del tema y produce archivos HTML que puedes desplegar fácilmente en línea, y todo es extremadamente rápido.

En 2021, hay docenas, si no cientos, de generadores estáticos. Cada generador de sitios estáticos tiene su atractivo. Jekyll es popular entre los desarrolladores de Ruby y, aunque no es tan rápido como otras opciones, fue uno de los primeros generadores de sitios estáticos en ver una adopción generalizada. Gatsby es otro SSG popular muy adecuado para desarrollar sitios desplegables de forma estática que son dinámicos en su funcionalidad.

Hugo es rápido


En términos de rendimiento puro, Hugo es el mejor generador de sitios estáticos del mundo. Comparado con Jekyll, Forestry mostró que Hugo era 35 veces más rápido. De igual modo, Hugo puede renderizar un sitio de 10.000 páginas en 10 segundos, una tarea que a Gatsby le llevaría más de media hora completar. Hugo no solo es el SSG más rápido en términos de tiempos de compilación, sino que también es rápido de instalar.

Hugo se distribuye como un ejecutable autónomo, a diferencia de Jekyll, Gatsby y otros SSG que requieren la instalación de dependencias con un gestor de paquetes. Esto significa que puedes descargar y usar Hugo de inmediato sin tener que preocuparte por las dependencias de software.

Crear plantillas es fácil en Hugo


En la jerga de los SSG, «plantillas» se refiere al proceso de añadir marcadores de posición para insertar contenido dinámico dentro de una página HTML. Para acceder al título de una página, puedes usar la variable {{.Title}}. Por lo tanto, dentro de una plantilla HTML de Hugo, es común ver {{.Title}} envuelto en etiquetas H1 así:

<h1>{{ .Title }}</h1>

En el momento de la compilación, Hugo tomará automáticamente el título dentro de un archivo de contenido e insertará el título entre las dos etiquetas. Hugo tiene una variedad de variables de plantilla integradas, e incluso puedes escribir funciones personalizadas para procesar datos en tiempo de compilación. Para la creación de plantillas, Hugo usa las librerías integradas de Go, html/template y text/template. Esto ayuda a reducir la sobrecarga de la aplicación porque Hugo no necesita instalar librerías de terceros para crear plantillas. A continuación se muestra un ejemplo de una plantilla de página de inicio index.html del popular tema Ananke. Como puedes ver, parece un archivo HTML estándar con algo de código de plantilla adicional.

Cómo instalar Hugo


Hugo se distribuye como un ejecutable compilado, lo que significa que no tendrás que descargar y gestionar muchas dependencias solo para empezar. Está disponible para macOS, Windows y Linux.

Cómo instalar Hugo en macOS y Linux


El método de instalación recomendado para macOS y Linux requiere Homebrew, un gestor de paquetes para instalar y actualizar aplicaciones. Si aún no tienes Homebrew instalado, puedes instalarlo ejecutando el siguiente comando en la Terminal:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Una vez que Homebrew se haya instalado, ejecuta el siguiente comando para instalar Hugo:

brew install hugo

Cómo instalar Hugo en Windows


Para los usuarios de Windows, Hugo puede instalarse usando los gestores de paquetes Chocolatey o Scoop. Ya que las instrucciones para instalar Chocolatey y Scoop son un poco más complejas que las de Homebrew.

Después de instalar Chocolatey o Scoop, puedes instalar Hugo usando uno de los siguientes comandos (dependiendo de tu gestor de paquetes):

choco install hugo-extended -confirm
scoop install hugo-extended

Comandos y ajustes de Hugo


Antes de sumergirnos en la creación de un sitio estático con Hugo, familiaricémonos con los distintos comandos de la CLI y los parámetros del archivo de configuración.

Comandos de la CLI de Hugo

  • hugo check: ejecuta varias comprobaciones de verificación
  • hugo config: muestra la configuración de un sitio de Hugo
  • hugo convert: convierte el contenido a diferentes formatos
  • hugo deploy: despliega tu sitio en un proveedor de la nube
  • hugo env: muestra la versión de Hugo y la información del entorno
  • hugo gen: proporciona acceso a varios generadores
  • hugo help: muestra información sobre un comando
  • hugo import: te permite importar un sitio desde otra ubicación
  • hugo list: muestra una lista de varios tipos de contenido
  • hugo mod: proporciona acceso a varios ayudantes de módulos
  • hugo new: te permite crear nuevo contenido para tu sitio
  • hugo server: inicia un nuevo servidor de desarrollo local de contenido
  • hugo version: muestra la versión actual de Hugo

La CLI de Hugo también tiene una variedad de flags para especificar opciones adicionales para algunos comandos. Para ver una lista completa de los flags de Hugo (hay muchos), recomendamos usar el comando de ayuda de hugo para mostrar una lista de todos los flags disponibles.

Cómo crear un sitio de Hugo


Ahora que hemos cubierto cómo instalar y usar la CLI de Hugo y los conceptos básicos del archivo de configuración de Hugo, creemos un nuevo sitio de Hugo.

Para crear un sitio de Hugo, usa el siguiente comando (si lo deseas, puedes cambiar my-hugo-site por otra cosa):

hugo new site my-hugo-site

La carpeta de contenido de Hugo


La carpeta de contenido es donde va el contenido real de la publicación. Hugo admite tanto el formato Markdown como el HTML, siendo Markdown la opción más popular debido a su facilidad de uso. Además de ser el espacio de almacenamiento general para las entradas, puedes usar la carpeta de contenido para organizar aún más el contenido de las entradas.

Hugo trata cada directorio de nivel superior en la carpeta de contenido como una sección de contenido. Las secciones de contenido en Hugo son similares a los tipos de entrada personalizados en WordPress. Por ejemplo, si tu sitio tiene entradas, páginas y podcasts, tu carpeta de contenido tendrá directorios post, page y podcast donde se ubicarán los archivos de contenido de estos diferentes tipos de entradas.

La carpeta de diseños de Hugo


La carpeta layouts contiene archivos HTML que definen la estructura de tu sitio. En algunos casos, puedes ver un sitio de Hugo sin una carpeta layouts porque no tiene que estar en el directorio raíz del proyecto y puede residir dentro de una carpeta themes.

De forma similar a los temas de WordPress que usan PHP para crear plantillas, las plantillas de Hugo consisten en HTML base con plantillas dinámicas adicionales impulsadas por las librerías integradas template y text/template de Golang. Los distintos archivos de plantilla HTML necesarios para generar el marcado HTML de tu sitio se ubican en la carpeta layouts.

La carpeta de temas de Hugo


Para los sitios que prefieren una forma más autónoma de almacenar los archivos de plantilla y de recursos, Hugo admite una carpeta de temas. Los temas de Hugo son similares a los temas de WordPress en que se almacenan en un directorio de temas y contienen todas las plantillas necesarias para que un tema funcione.

Aunque algunos usuarios de Hugo prefieren mantener los archivos relacionados con el tema en el directorio raíz del proyecto, almacenar estos archivos dentro de la carpeta de temas permite una gestión y un uso compartido más fáciles.

La carpeta de datos de Hugo


La carpeta de datos de Hugo es donde puedes almacenar datos de apoyo (en formato JSON, YAML o TOML) que se necesitan para generar las páginas de tu sitio. Los archivos de datos son beneficiosos para conjuntos de datos más grandes que pueden ser engorrosos de almacenar directamente en una plantilla o archivo de contenido.

Por ejemplo, si quisieras crear una lista de tasas de inflación en dólares estadounidenses de 1960 a 2020, se necesitarían unas 80 líneas para representar los datos (una línea por cada año). En lugar de poner estos datos directamente en un archivo de contenido o plantilla, puedes crearlos en la carpeta de datos y rellenarlos con la información necesaria.

La carpeta estática de Hugo


La carpeta estática de Hugo es donde almacenas recursos estáticos que no requieren ningún procesamiento adicional. La carpeta estática suele ser donde los usuarios de Hugo almacenan imágenes, fuentes, archivos de verificación DNS y más. Cuando se construye un sitio de Hugo y se guarda en una carpeta para facilitar el despliegue, todos los archivos de la carpeta estática se copian tal cual.

Si te preguntas por qué no mencionamos los archivos JavaScript o CSS, es porque a menudo se renderizan dinámicamente a través de pipelines durante el desarrollo del sitio. En Hugo, los archivos JavaScript y CSS se almacenan comúnmente dentro de la carpeta del tema porque requieren un procesamiento adicional.

Cómo añadir un tema a un sitio de Hugo


Descargar e instalar un tema prediseñado es una gran manera de empezar con Hugo. Los temas de Hugo vienen en todas las formas y tamaños, y muchos de ellos están disponibles de forma gratuita en el repositorio oficial de temas de Hugo. Vamos a instalar el popular tema Hyde en nuestro sitio de Hugo.

Primero, navega a la carpeta de temas de tu proyecto en la Terminal:

cd <hugo-project-directory>/themes/

A continuación, usa Git para clonar el tema Hyde en el directorio de temas de tu proyecto.

git clone https://github.com/spf13/hyde.git

A continuación, añade la siguiente línea a tu archivo config.toml para activar el tema Hyde:

theme = "hyde"

En este punto, el tema Hyde está instalado y configurado. El siguiente paso es iniciar el servidor web de desarrollo integrado de Hugo para ver el sitio en tu navegador web.

Cómo añadir contenido a un sitio de Hugo


Añadir contenido a un sitio de Hugo es muy diferente de un CMS completo como WordPress o Ghost. Con Hugo, no hay una capa CMS integrada para gestionar tu contenido. En su lugar, se espera que gestiones y organices las cosas como consideres oportuno.

En otras palabras, no hay una forma explícitamente «correcta» de gestionar el contenido en Hugo. Compartiremos un método para añadir y gestionar contenido en esta sección, pero siéntete libre de cambiar las cosas a medida que te familiarices más con Hugo.

Secciones de contenido en Hugo


En Hugo, la primera herramienta de organización de contenido que tienes a tu disposición es la sección de contenido. Una sección de contenido en Hugo es similar a un tipo de entrada en WordPress: no solo puedes usarla como filtro de contenido, sino que también puedes usarla como identificador al crear temas personalizados.

Por ejemplo, si tienes una carpeta de sección de contenido de blog, puedes usarla para almacenar todas tus entradas de blog y renderizar una plantilla de página específica que solo se aplique a las entradas de blog.

Cómo añadir entradas en Hugo


Con eso en mente, creemos una sección de contenido de entradas de blog y añadamos algunas piezas de contenido. Crea una nueva carpeta llamada posts en la carpeta de contenido de tu proyecto; esta es la sección de contenido.

Creemos otra capa de organización dentro de la carpeta posts creando una carpeta 2021. En este punto, tu directorio de contenido debería verse así:

Ahora, creemos nuestra primera entrada. Como comentamos anteriormente, Hugo admite archivos Markdown y HTML para el contenido. En general, es mejor ceñirse a los archivos Markdown porque son más fáciles de escribir, formatear y leer.

En la carpeta content/posts/2021, crea un nuevo archivo que termine en .md (la extensión de archivo Markdown). Puedes nombrar el archivo como quieras, pero la sintaxis recomendada para nombrar un archivo de contenido de Hugo es YYYY-MM-DD-a-sample-post.md.

Además de crear manualmente un archivo de contenido, también puedes usar la CLI de Hugo para crear una nueva entrada con el siguiente comando (asegúrate de ejecutar el comando desde el directorio de tu proyecto):

hugo new posts/2021/2021-08-30-a-sample-post.md

Fíjate en cómo la carpeta de contenido no aparece en la ruta anterior. Esto se debe a que Hugo asume que todos los archivos de contenido irán a la carpeta de contenido de forma predeterminada.

Si abres el archivo de contenido recién creado, deberías ver algunas líneas de metadatos en la parte superior del documento que se ven algo así:

---

title: "2021 08 30 a Sample Post"

date: 2021-08-30T13:44:28+09:00

draft: true

---

Estos metadatos, que están formateados en YAML, se llaman «front matter». La información preliminar generada automáticamente es un beneficio significativo de usar la CLI de Hugo. El front matter es donde se almacenan los datos únicos de una entrada (nombre de la entrada, datos, estado de borrador, etiquetas, categorías, etc.). El formato predeterminado del front matter puede establecerse por sección usando arquetipos.

Ahora añadamos algo de texto a la entrada. Al escribir una entrada, asegúrate siempre de que tu contenido esté por debajo del front matter así:

Una vez que guardes el archivo de contenido, deberías ver a Hugo reconstruir tu sitio en la Terminal. En la captura de pantalla de abajo, puedes ver que Hugo reconstruyó todo el sitio en 22 ms.

Si visitas tu sitio de Hugo en tu navegador web, deberías ver la nueva entrada.

Cómo añadir una página en Hugo


Ahora que hemos añadido una entrada a nuestro sitio de Hugo, añadamos una página. La mayoría de los sistemas de gestión de contenido, incluido WordPress, distinguen entre entradas y páginas. Normalmente, una entrada es un fragmento de contenido con fecha, mientras que una página consiste en contenido permanente o estático.

Para crear una página, primero necesitamos una sección de contenido de página. Para hacer esto, crea una carpeta llamada pages en la carpeta de contenido de Hugo. Luego usa el comando de abajo para añadir una nueva página «Sobre nosotros» a tu sitio:

hugo new pages/about.md

Fíjate en cómo la convención de nombres para las páginas difiere de la de las entradas. A diferencia de las entradas, las páginas no están vinculadas a una fecha específica, así que no hay necesidad de incluir la fecha de creación en el nombre del archivo.

Ahora, añadamos algo de texto a la página «Sobre nosotros»:

En este punto, deberías ver la página Sobre nosotros en tu navegador web:

Ahora que tenemos dos secciones de contenido, entradas y páginas, veamos cómo hacer algunas personalizaciones en el sitio, como editar el título y la descripción, añadir la página Sobre nosotros al menú de la barra lateral, cambiar el formato de los enlaces permanentes y eliminar las páginas del feed de entradas.

Cómo cambiar el título y la descripción del sitio


El método exacto para cambiar el título y la descripción del sitio depende de la configuración del sitio y/o del tema activo. Para el tema Hyde, el título y la descripción del sitio pueden cambiarse en el archivo de configuración de Hugo (config.toml).

Sabemos esto del siguiente código del tema que muestra la barra lateral:

<aside class="sidebar">

<div class="container sidebar-sticky">

<div class="sidebar-about">

<a href="{{ .Site.BaseURL }}"><h1>{{ .Site.Title }}</h1></a>

<p class="lead">

{{ with .Site.Params.description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}}

</p>

</div>

<nav>

<ul class="sidebar-nav">

<li><a href="{{ .Site.BaseURL }}">Home</a> </li>

{{ range .Site.Menus.main -}}

<li><a href="{{.URL}}"> {{ .Name }} </a></li>

{{- end }}

</ul>

</nav>

<p>{{ with .Site.Params.copyright }}{{.}}{{ else }}© {{ now.Format "2006"}}. All rights reserved. {{end}}</p>

</div>

</aside>

Cómo usar shortcodes en Hugo


Los shortcodes de Hugo son similares a los partials en que permiten la reutilización de código en una variedad de páginas. Los shortcodes son archivos HTML que residen en la carpeta /layouts/shortcodes. La principal diferencia es que los partials se aplican a las plantillas HTML, mientras que los shortcodes se aplican a las páginas de contenido Markdown.

En Hugo, los shortcodes te permiten crear módulos de funcionalidad que puedes usar en las páginas de tu sitio sin gestionar los cambios de código para cada página.

Si tienes un blog, quizá necesites revisar el contenido del cuerpo de tus entradas para actualizar las referencias del año al año actual. ¡Dependiendo de cuántas entradas tengas en tu sitio, esta tarea puede llevar mucho tiempo!

¡Al usar un shortcode de Hugo en tus archivos de contenido, no tendrás que preocuparte por actualizar las referencias de año nunca más!

Empecemos creando un shortcode en /layouts/shortcodes/current_year.html con el siguiente contenido:

{{ now.Format "2006" }}

Cómo añadir imágenes a una entrada de Hugo


A diferencia de WordPress y otros sistemas de gestión de contenido completos, Hugo no incluye un sistema de arrastrar y soltar para gestionar imágenes. Por lo tanto, el diseño de un sistema de gestión de imágenes se delega en el usuario final.

Aunque Hugo no tiene una forma estandarizada de gestionar imágenes, un método popular es almacenar las imágenes en la carpeta /static y hacer referencia a ellas en las entradas y páginas usando un shortcode. Veamos cómo se puede hacer una organización básica de imágenes en Hugo.

Lo primero que tendremos que hacer es crear una estructura organizativa para nuestra biblioteca de imágenes. Aunque esto suena complejo, todo lo que se requiere es la creación de unos pocos directorios adicionales dentro de la carpeta /static.

Empecemos creando una carpeta uploads en /static. Dentro de la carpeta uploads, crea una carpeta llamada 2021 para contener todas las imágenes subidas en 2021.

A continuación, añadamos dos imágenes (blue1.jpg y blue2.jpg) a la carpeta 2021.

En HTML, las imágenes se muestran con la etiqueta img. Por ejemplo, para mostrar blue1.jpg, podemos usar el siguiente HTML:

<img src="/uploads/2021/blue1.jpg" alt="Blue is the warmest color!">

Aunque es posible añadir este HTML directamente a tu archivo de contenido Markdown, es mejor crear un shortcode que puedas usar para mostrar cualquier imagen de tu carpeta uploads. De esta forma, si alguna vez necesitas actualizar la etiqueta img, puedes editar la plantilla del shortcode sin editar cada instancia de la etiqueta img.

Para crear la plantilla del shortcode, crea un nuevo archivo en /layouts/shortcodes/img.html con el siguiente contenido:

<img src="/uploads/{{ .Get "src" }}" alt="{{ .Get "alt" }}

A continuación, añade el shortcode de abajo a una entrada de blog:

{{< img src="2021/blue1.jpg" alt="Blue is also the coolest color!">}

Cómo desplegar un sitio de Hugo


Hasta esta entrada, has aprendido a instalar Hugo, crear un sitio, añadir un tema, hacer ediciones básicas en los archivos de configuración y ampliar la funcionalidad de tu sitio con partials y shortcodes. En este punto, deberías tener un sitio funcional que está listo para ponerse en línea.

Dado que Hugo es un generador de sitios estáticos, puedes desplegar el HTML, CSS y JS que genera en cualquier lugar con un servidor web. Como los requisitos técnicos para servir sitios estáticos son tan bajos, puedes alojarlos gratis en una amplia gama de proveedores como Netlify, Vercel, Cloudflare Pages y más.

Anteriormente, usamos hugo -D server para lanzar un servidor de desarrollo local para previsualizar los cambios en nuestro sitio en tiempo real. Para generar todo el sitio, podemos usar el comando hugo en el directorio raíz de nuestro proyecto. Una vez que se complete la construcción del sitio, deberías ver una nueva carpeta public en el directorio de tu proyecto. Dentro de esta carpeta, encontrarás todos los archivos que necesitan subirse a un servidor o servicio de almacenamiento en la nube como Amazon S3.

Construir tu sitio localmente y subirlo manualmente a Amazon S3 o a un servidor que ejecute Nginx es una forma de desplegar un sitio generado estáticamente. Sin embargo, no es la más eficiente porque requiere que subas manualmente nuevos archivos cada vez que haces un cambio.

En su lugar, una mejor opción es vincular la carpeta del proyecto de Hugo a un repositorio de GitHub, y vincular el repositorio de GitHub a un servicio de despliegue automatizado como Netlify. Con esta configuración, puedes editar tu sitio, subir los cambios a GitHub y activar una nueva construcción y despliegue en Netlify sin ninguna intervención manual. Ahora, veamos cómo hacer todo esto.

Cómo subir tu proyecto de Hugo a GitHub


Primero, necesitarás crear un repositorio de GitHub para tu proyecto. Para hacer esto, crea una cuenta de GitHub (si aún no tienes una) y descarga la aplicación oficial de escritorio de GitHub. Después de instalar la aplicación de GitHub, haz clic en Archivo en la barra de menú y selecciona Nuevo repositorio. Dale al repositorio un nombre de tu elección, deja las otras opciones en sus estados predeterminados por ahora y haz clic en Crear repositorio.

De forma predeterminada (en macOS), la aplicación de GitHub crea nuevos repositorios en /Users/username/Documents/GitHub. Como llamamos a nuestro repositorio my-hugo-site, nuestro repositorio puede encontrarse en /Users/brianli/Documents/GitHub/my-hugo-site.

A continuación, mueve todos los archivos de la carpeta original del proyecto a la nueva carpeta del repositorio de GitHub. Asegúrate de eliminar la carpeta public porque no necesitas subir esa carpeta a GitHub.

Si vuelves a la aplicación de GitHub, ahora deberías ver una lista de archivos modificados. Para subir el repositorio a GitHub, añade un resumen, haz clic en Commit to Main y haz clic en Publish Repository en la esquina superior derecha.

De forma predeterminada, la opción «Keep this code private» está marcada. Si quieres que tu código sea de código abierto y accesible públicamente, siéntete libre de desmarcarla. Por último, haz clic en Publish Repository de nuevo.

Ahora, si vas a GitHub, deberías ver tu repositorio en línea así:

Cómo vincular el repositorio de GitHub a Netlify


Si aún no tienes una cuenta de Netlify, regístrate aquí. Para vincular un repositorio de GitHub a Netlify, haz clic en New site from Git en el panel de Netlify.

En Continuous Deployment, selecciona la opción de GitHub.

A continuación, usa el cuadro de búsqueda para encontrar el repositorio de tu proyecto de Hugo.

A continuación, especifica los ajustes para el despliegue continuo. Como Netlify puede detectar una configuración de Hugo, la configuración predeterminada debería funcionar bien para un despliegue básico.

A medida que te familiarices más con Hugo, podrás profundizar en las variables de entorno, los comandos de construcción personalizados y más. Por ahora, establecer el comando de construcción en hugo y el directorio público en public te permitirá desplegar un sitio de Hugo sencillo. Después de especificar el comando de construcción y el directorio público, haz clic en Deploy Site.

Dado que Hugo es un generador de sitios estáticos tan rápido, el despliegue solo debería llevar unos pocos segundos para un sitio básico. Una vez que se complete el despliegue, podrás ver una URL de prueba en el panel de Netlify. Haz clic en la URL para ver el sitio desplegado.

En este punto, puedes configurar un dominio personalizado y un certificado SSL para tu sitio alojado en Netlify. Para hacerlo, recomendamos consultar la documentación oficial de Netlify.

Como hemos vinculado Netlify a GitHub, un nuevo commit en el repositorio de GitHub del proyecto de Hugo activará automáticamente un nuevo despliegue en Netlify.

Así es como es posible construir una web estática ultrarrápida con Hugo.

Resumen


Hugo es uno de los generadores de sitios estáticos más populares del mundo, y por una buena razón. No solo tiene un procesamiento de construcción súper rápido, sino que también viene con potentes capacidades de plantillas que admiten partials y shortcodes.

En este tutorial, aprendiste a configurar Hugo, crear un nuevo proyecto, añadir archivos de contenido, editar archivos de tema y desplegar un sitio estático terminado. Recomendamos consultar la documentación oficial de Hugo para obtener más información sobre Hugo y sus funciones más avanzadas, como las funciones personalizadas, el front matter y los buildpacks de CSS/JS.

¿Qué opinas de Hugo y otros generadores de sitios estáticos? ¡Háznoslo saber en los comentarios de abajo!

Ahorra tiempo, costes y maximiza el rendimiento del sitio con:

  • Ayuda instantánea de expertos en hosting de WordPress, 24/7.
  • Integración con Cloudflare Enterprise.
  • Alcance de audiencia global con 28 centros de datos en todo el mundo.
  • Optimiza con nuestra monitorización integrada del rendimiento de aplicaciones.
  • Todo eso y mucho más, en un plan sin contratos a largo plazo, migraciones asistidas y una garantía de devolución del dinero de 30 días.

We use cookies to enhance your experience, provide live chat support, and analyze site traffic. By clicking "Accept", you consent to our use of cookies.

Cookie Policy
Accept