Los mejores generadores de sitios estáticos

Los mejores generadores de sitios estáticos


El proceso de construcción de un sitio web tiene dos partes: proporciona el contenido y luego su CMS (WordPress, o lo que elija usar) toma ese contenido, lo combina con el tema elegido y las plantillas elegidas, y crea un sitio web a partir de él para que lo lean sus clientes o sus lectores. Pero esas dos partes no tienen que hacerse juntas: se pueden separar una de la otra, y eso es lo que generador de sitio estático (SSG) hace.

En esta guía, explicaremos qué es la generación de sitios estáticos y los beneficios de la misma, y ​​enumeraremos los diez mejores generadores de sitios estáticos para brindar una guía sobre cómo elegir entre ellos..

¿Cómo funciona un generador de sitio estático? Y por qué usar uno?

La mayoría de los CMS, como se mencionó, hacen dos cosas: convierten su contenido en HTML combinándolo con sus temas y plantillas, y luego hacen que ese HTML esté disponible como un sitio web. Un generador de sitio estático divide ese proceso en dos: la parte donde su contenido se convierte en HTML ocurre en su propia computadora, lo que le brinda una carpeta llena de archivos HTML. Luego carga esos archivos HTML en la web, donde están disponibles como un sitio web para todos.

Pero por qué hacer esto? Hay una serie de beneficios.

El primero es seguridad. Debido a que su sitio web, con lo que las personas interactúan, es HTML simple, y es mucho más difícil que sea pirateado. Y dado que el generador de sitio estático, que contiene todo el código de computadora que hace el trabajo, solo se ejecuta en su propia computadora y no está expuesto al mundo en general, tampoco puede ser pirateado. Esto significa que las actualizaciones de seguridad son en gran medida innecesarias; ya no necesita que le molesten las ventanas emergentes regulares que le dicen que actualice su CMS, actualice sus complementos, actualice su sitio.

Para algunos, esto podría ser una razón suficiente en sí misma, pero hay una segunda ventaja importante para la generación de sitios estáticos: actuación.

Un sitio web hecho de HTML estático es capaz de cargarse mucho más rápido que uno donde debe procesarse en cada visita. En lugar de que el contenido y el tema se combinen nuevamente cada vez que un visitante visita el sitio, este trabajo se realiza una vez en el tiempo de generación en su computadora y luego no es necesario nuevamente. En cambio, el sitio web ya está en forma visible.

Un mejor rendimiento beneficia a su sitio web de muchas maneras. Es más probable que sus clientes sigan viendo y las tasas de rebote son más bajas,  Los tiempos de carga de página más rápidos son excelentes para SEO porque Google y otros motores de búsqueda valoran el rendimiento rápido y aumentan su clasificación.

Las oleadas de tráfico no son un problema; si de repente tiene un aumento en la cantidad de visitantes, se manejará bien y nunca verá uno de esos mensajes “502 Bad Gateway” cuando un sitio se sobrecarga en el momento en que se vuelve popular.

Con todos los revestimientos plateados, aunque hay una nube, y para la generación de sitios estáticos, sin duda debe estar preparado para ser un poco más técnico para usar esta técnica en su sitio..

Es necesario comprender esta separación de la “etapa de generación” y la “etapa de publicación”, y los generadores de sitios estáticos, en general, tienden a asumir un poco más de una línea de base de conocimiento técnico que el tipo estándar de CMS dinámico. En particular, la mayoría de los generadores de sitios estáticos requieren al menos un poco de familiaridad con el línea de comando: estas aplicaciones tienden a funcionar ejecutando comandos, en lugar de señalar y hacer clic.

Debido a la necesidad de la línea de comando, los generadores de sitios estáticos pueden no ser para todos, pero si estás preparado para considerar arremangarte y bucear un poco más profundo de lo normal, hay algunas victorias potenciales que se pueden obtener.

Echemos un vistazo a los diez mejores generadores de sitios estáticos, y luego sobre cómo elegir entre ellos.

Los 10 mejores generadores de sitios estáticos

1. Hugo

logotipo de hugo

Hugo está en el extremo más fácil de configurar y usar los generadores de sitios estáticos basados ​​en terminales. Su documentación, especialmente en cómo instalar Hugo y ponerlo en funcionamiento, es bastante completo y no necesita que instales primero una nueva tienda de paquetes y luego instales Hugo de.

Tiene una gran cantidad de temas preconstruidos lo que hace que sea más fácil elegir el aspecto que desea para su sitio, y una de las características clave que tiene el equipo de Hugo es su velocidad de construcción.

Hacer un cambio en su sitio agregando o editando contenido, o cambiando el tema, requiere que “reconstruya” el sitio: es decir, ejecute el proceso de combinar contenido con un tema en HTML para cada página. Incluso una pequeña diferencia en el rendimiento de la velocidad de construcción puede marcar la diferencia entre los segundos de espera y los minutos de espera para ver el resultado de un cambio que ha realizado, y Hugo trabaja duro para ser el más rápido en esto.

Si está creando un sitio a partir de datos existentes, entonces “Contenido basado en datos“Hace que sea relativamente fácil tener el contenido del sitio en formato CSV o JSON. Esta puede ser una forma útil de tomar algunos datos existentes que desea exponer al mundo de una manera más conveniente para que puedan navegar y navegar sin necesidad de abrir Excel o Google Sheets.

2. undécimo, u 1111ty logo

11ty es uno de los SSG más nuevos, pero está aumentando rápidamente la lista de popularidad. Se anuncia a sí mismo como “un generador de sitio estático más simple”. Sin embargo, requiere una cantidad razonable de familiaridad técnica (y su documentación lo refleja), pero para aquellos que pueden comprenderlo, hace las cosas de una manera elegante.

11ty está escrito en JavaScript y por lo tanto requiere node.js trabajar; necesitará instalar eso primero si aún no lo ha hecho, y luego instalar 11ty desde la línea de comando.

11ty tiene una visión sólida sobre el rendimiento del sitio web, hasta el punto de mostrar con orgullo un tabla de clasificación de rendimiento de los sitios web creados con él, y es muy popular entre los profesionales de la web y aquellos que organizan y crean la web abierta en general.

3. Pelicanobtener el logotipo de pelican

Pelican tiene una estética bastante despojada, pero el uso de Python como su lenguaje de programación subyacente tiene el potencial de expandirse en casi cualquier dirección que desee con un poco de programación adicional..

Tiene soporte para importar datos del sitio desde WordPress, lo que hace que sea más fácil que otros SSG pasar de un sitio WordPress existente a la generación de sitios estáticos sin perder su configuración actual. Y, al igual que la mejor clase de SSG, está diseñado para poder manejar un sitio web completo y no principalmente para bloguear.

Sin embargo, Pelican tiene una curva de aprendizaje ligeramente empinada al principio, lo que la hace más adecuada para alguien que ya está al menos un poco familiarizado con Python. Del mismo modo, ya necesitará una instalación de Python en su computadora, y no se brinda orientación para los no desarrolladores que no tienen esto … pero si usted es un tipo de desarrollador que ya usa Python, entonces Pelican es un buen lugar para comenzar.

4. Nikola

logotipo de nikola

Nikola adopta un enfoque muy “de baterías incluidas” para la generación de sitios estáticos, proporcionando plantillas muy detalladas para blogs y sitios web completos, pero también galerías de imágenes y búsquedas, entre otras cosas..

Tiene una lista bastante extensa de complementos y temas también. Aunque Nikola tiende hacia el extremo más técnico del mercado; necesitará tener bastante confianza con el desarrollo de Python para hacer más que lo básico aquí, pero si es así, Nikola ofrece más extensibilidad que muchas de las alternativas.

La lista de temas no es muy completa, por lo que si está buscando algo hermoso en lugar de informativo, puede ser mejor buscar en otro lado. Sin embargo, la velocidad de reconstrucción es más rápida que la mayoría de las otras posibilidades..

Al igual que Pelican, Nikola presupone que ya tiene Python disponible y no explica cómo hacerlo posible, por lo que si no lo hace y está en Windows, es posible que desee ver una de las otras alternativas.

5. GatsbyLogotipo de Gatsby

Gatsby se llama a sí mismo un generador PWA estático. PWA es el término de arte para Aplicaciones web progresivas, que puede funcionar sin conexión, agregarse a la pantalla de inicio en el móvil, etc. Es posible hacer esto con cualquier sitio web, incluidos los generados con otros SSG, pero Gatsby proporciona este soporte de forma inmediata.

Para aquellos familiarizados con React, la biblioteca de componentes web, Gatsby puede ser una buena opción porque está construida en torno a ella, para que pueda reutilizar el entorno familiar que ya conoce, de hecho, Reaccionar el propio sitio web está construido con Gatsby.

Gatsby requiere tanto node.js como el sistema de control de versiones git Para ser instalado. Tienen un conjunto bastante detallado de páginas de documentación acerca de cómo configurar un entorno Gatsby, incluso en Windows, pero es más bien un proceso complicado si no está familiarizado con la línea de comandos. Además, la documentación mezcla todas las instrucciones de Windows, Linux y Mac, lo que hace que sea un poco difícil de seguir..

6. Jekyll

Logotipo de Jekyll

Jekyll es uno de los generadores de sitios estáticos más antiguos, pero todavía está en desarrollo activo, y su popularidad provocó en gran medida la avalancha de innovación SSG que ha producido todo lo demás en esta lista.

Una de sus afirmaciones de fama es que está integrado en el servicio de alojamiento de código de Github: es posible guardar su contenido en un Github repositorio, una unidad en la nube para el código, de manera que Github ejecutará el código Jekyll para usted y convertir el contenido en un sitio web sin tener que ejecutar ningún código.

De esta manera, el Páginas de Github El servicio se puede utilizar como host para su sitio web estático de forma gratuita, y la documentación sobre cómo configurarlo es bastante clara y fácil de seguir..

Sin embargo, aún requerirá cierta familiaridad con el git sistema de control de código Por supuesto, también es posible ejecutar Jekyll usted mismo en su propia computadora, y proporcionan un conjunto de instrucciones de instalación de Windows, aunque Windows no es oficialmente compatible.

7. Statiq.web

logotipo de statiq

La Web Statiq es una adición bastante nueva a las filas de los SSG, y todavía está en desarrollo bastante pesado. Por lo tanto, es el más adecuado para aquellos dispuestos a participar en ese proceso y unirse a la comunidad retroalimentando lo que funciona bien y lo que no.

Su punto de venta único es que está construido con .NET, por lo que aquellos con algún conocimiento de esa pila de programación encontrarán que Statiq Web se adapta muy bien a su experiencia existente. Es un proyecto de ejemplo del marco Statiq más general, por lo que un programador más experimentado puede adoptar el marco más amplio para construir algo más completo..

8. Publii

Logotipo de Publii

Publii, a diferencia de la mayoría de los otros generadores de sitios estáticos aquí, no es una herramienta de línea de comandos. En cambio, es una aplicación de escritorio, disponible para Windows, Mac y Linux.

Puede pensar en esto como algo similar a WordPress, excepto que en lugar de ser un sitio web, es una aplicación que se ejecuta en su computadora y luego genera una versión estática del sitio web, lista para ser publicada como lo hacen las otras herramientas..

Hay herramientas de publicación integradas para impulsar el sitio web estático a una variedad de hosts existentes, como Netlify y ubicaciones de alojamiento en la nube. Tiene un sistema de importación para convertir un sitio de WordPress existente a Publii, y un mercado de temas pagados de nivel profesional.

La aplicación en sí es gratuita y de código abierto y tiene una comunidad activa de usuarios que se ayudan entre sí en un foro de discusión. Publii es el menos técnico de los generadores de sitios estáticos que se ofrecen actualmente, a la vez que tiene casi todos sus beneficios. Para alguien que no busca entrar en un enfoque basado en la codificación y la línea de comandos, es una gran solución.

9. WP2Static

logotipo de wp2static

WP2Static adopta un enfoque bastante diferente al de otros generadores de sitios estáticos: no es estrictamente un administrador de sitios en sí mismo. En cambio, funciona de la mano con WordPress para crear una versión estática de un sitio administrado por WordPress..

En el lenguaje de la descripción anterior, WP2Static deja a WordPress a cargo de su edición y de convertir su contenido en HTML combinándolo con sus temas y plantillas. Luego ingrese a WP2Static para tomar ese HTML y publicarlo como HTML simple en algún lugar de la web.

Hay algunos beneficios obvios para esto: puede seguir usando la interfaz de WordPress con la que está familiarizado y tiene acceso a toda la amplia biblioteca de temas y complementos de WordPress.

Sin embargo, también hay inconvenientes con esto: es importante mover su instalación de WordPress a otro lugar, de lo contrario perderá la mayoría de los beneficios de la generación de sitios estáticos.

Hacer que su sitio sea estático proporciona grandes beneficios de seguridad porque no está utilizando un producto dinámico como WordPress, pero con esta solución, usted son sigo usando WordPress. Por lo tanto, es importante ocultar ese WordPress en algún lugar donde nadie más pueda alcanzarlo, excepto usted.

Los expertos en tecnología pueden moverlo a un servidor oculto o ejecutar WordPress en sus máquinas locales. Alguien que no entiende de inmediato cómo hacerlo puede tener dificultades para seguir los conceptos involucrados, y puede ser confuso recordar que el sitio que genera (oculto) WordPress no es el sitio que el público ve hasta el botón de publicación se presiona.

Sin embargo, si está muy acostumbrado a la interfaz de usuario de WordPress, o está muy vinculado a complementos o temas de WP particulares que serían difíciles de encontrar o poner a disposición en otro SSG, WP2Static podría ser la solución ideal.

10. Next.js

Logotipo de Nextjs

Next.js es menos un generador de sitios estáticos, y más un marco para construir aplicaciones estáticas usando React. Admite la generación de sitios estáticos (y renovó este soporte para mejorarlo mucho en la versión 9.3 a principios de 2020), y si está buscando construir una aplicación con React y quiere la mejor generación de sitios estáticos que respalde eso, Siguiente .js es un buen lugar para buscar.

Asume un buen conocimiento tanto de JavaScript como de React, por lo que no es para los no técnicos, y la documentación se inclina hacia un entorno Linux o Mac con servicio de labio pagado a los usuarios de Windows.

Pero por lo que vale, es muy bueno, y hay bastante zumbido a su alrededor, lo que significa que obtiene un gran desarrollo y avanza a pasos agigantados..

Cómo elegir el correcto?

Ahí lo tienes: la lista de qué elegir.

¿Pero cómo eliges el que es mejor para ti??

Bueno, si no estás interesado en entrar en la línea de comando, entonces mira Publii, ciertamente. Si eres un experto en WordPress que está buscando volverse estático, entonces WP2Static se basa en esas amplias habilidades que ya tienes. Si te importa la velocidad, entonces 11ty o Hugo son tus lugares para buscar.

Si tiene experiencia en un entorno o lenguaje de programación particular, elija un generador de sitio estático escrito con ese lenguaje para aprovechar al máximo sus habilidades existentes: para Python, use Pelican o Nikola; para Ruby, Jekyll, para .NET, Statiq, para React mire Next.js y Gatsby, y para JavaScript, 11ty.

Si se muda de un sitio de WordPress existente, asegúrese de verificar que su herramienta de elección tenga un importador para su contenido de WordPress (la mayoría lo hace), y tenga en cuenta que la experimentación es barata y fácil. Puede crear un sitio estático de prueba con algún contenido de ejemplo y generarlo solo en su propia computadora sin que nadie más pueda verlo.

Pruebe las herramientas que le gustan, son todas gratuitas y de código abierto, y luego, cuando esté listo, comience a buscar lugares para alojar su contenido estático..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map