Una lista de constructores web para todos los gustos y necesidades

Gestores de contenido CMS (Content Management System)

La principal opción para la mayoría de usuarios y organizaciones suele ser un sistema de gestión de contenidos. Desde medios de comunicación hasta webs personales y corporativas, un CMS es una plataforma con funcionalidades pre-hechas como: formularios de login, distintos roles de usuario y blog. Su principal desventaja es simple, al ser más accesibles e incluir tantas funcionalidades, también crean sitios más lentos y con ciertas limitaciones para diseñadores y usuarios. Cada sistema suele usar sus propios formatos y estructuras lo que condiciona todo tipo de integraciones con otras plataformas y programas.

WordPress

WordPress el más popular y conveniente para creación de webs sólidas y fáciles de gestionar, especialmente para no programadores. Cabe destacar la diferencia entre .org y .com, esta plataforma es de código abierto, por lo que es gratuito y modificable de base. Pero la versión wordpress.com es de pago, incluyendo en ella la opción de comprar y hacer pública la web con un dominio concreto.

Por su parte la versión de wordpress.org requiere de algún tipo de hosting que debe configurar el usuario. Sin embargo es la más flexible y que demuestra todo el potencial de la plataforma. Gracias a una inmensa cantidad de plugins y temas creados por la comunidad (algunos de pago y otros gratuitos) se puede personalizar un sitio web con todo tipo de detalles visuales y funcionales. Aunque también requiere de mantenimiento y actualizaciones continuas de todas estas distintas partes.

Una de las cuestiones al ser de los más usados recae en que también es de los más predecibles, es decir, su estructura de carpetas y de formularios de login, son a menudo vulnerables a distintos tipos de ataques. Especialmente los DDoS, que buscan colapsar la web con grandes cantidades de bots entrando al mismo tiempo, hacen de WordPress una plataforma poco confiable para servicios más allá de lo informativo o el e-commerce.

Joomla

Otro de los más destacables CMS de código abierto, Joomla es muy similar a WordPress en cuanto a funcionamiento en general. Desde unespacio de administración se pueden añadir contenidos y recursos a distintas secciones de una web, incluidos plugins y módulos creados por la comunidad.

Aunque Joomla se diferencia por integrar de forma nativa opciones avanzadas de gestión de usuarios, soporte multilingüe y control de permisos. Eso sí, tiene ciertas limitaciones en cuanto a la cantidad de funcionalidades creadas y actualizadas por la comunidad, además de ciertas barreras de entrada que dificultan más el aprendizaje, especialmente para principiantes en este tipo de sistemas.

Drupal

Drupal es similar a WordPress, un CMS de código abierto orientado a proyectos de distinta escala, pero con opciones más complejas de base, y un enfoque hacia la seguridad y robustez de sistema. Se puede descargar como entorno para trabajar en local, con instrucciones claras y sencillas.

Aunque Drupal no deja de ser un sistema para usuarios más avanzados, que entiendan de estructura de directorios web y, concretamente, la forma en que este sistema gestiona estilos de CSS, roles de usuarios y demás funcionalidades dinámicas. A nivel de maquetación no cuenta con herramientas visuales, y sus módulos extra están más enfocados a funcionalidades como API, Captcha y demás.

Strapi

Strapi es otro CMS de código abierto muy popular, que se diferencia por ser headless. Esto quiere decir que de manera nativa no permite modificar el front-end. Todas sus herramientas son para gestionar los contenidos de publicaciones y tipos de páginas y elementos.

Es un sistema para gestionar la parte más técnica de una web, que hace con mucha conveniencia. Permite mucha personalización de tipos de contenido, secciones, categorías, usuarios y demás. También tiene módulos dedicados al SEO y administración de marketplace. Es una herramienta poderosa en combinación con otros CMS o frameworks para el front-end.

Ghost

Ghost es una plataforma especializada en blogs y newsletter. Tiene menos opciones en cuanto a funcionalidades y personalización, pero facilita todo lo que es la gestión de publicación de artículos con etiquetas, filtros y distintos formatos de portada.

También ofrece una parte de gestión muy completa para analizar y segmentar el público de newsletter. Es claramente un sistema dedicado a webs de medios, blogs personales o corporativos, con un gran interés por el marketing de contenidos y por email. Permite usar la plataforma para publicar bajo un subdominio, y también la opción de descargar el paquete para trabajar desplegar en servidores propios.

Webstudio

Es uno de los constructores más accesibles, con muchas opciones para personalización visual. Usa un editor estilo drag and drop, aunque con mucha personalización en cuanto a elementos de código como estilos de CSS o funciones JSON.

Webstudio destaca por el equilibrio con una interfaz enfocada en la edición estética, pero con opciones muy completas para todo tipo de detalles. También permite la integración con sistemas de terceros, desde bases de datos y aplicaciones de API hasta blogs de otros CMS como WordPress o Ghost.

Vvveb

Vvveb es otro caso de constructor visual de código abierto, centrado en la experiencia de drag and drop y con la opción de editar directamente el código HTML y CSS en tiempo real. Usa un esquema modular que facilita su integración como editor independiente en otros proyectos. Es flexible y extensible por naturaleza con compatibilidad con muchos frameworks como Bootstrap y la posibilidad de exportar sitios web estándar.

Este proyecto es todavía joven, por lo que aún tiene pendiente un modelo de monetización concreto. Por el momento ya se pueden publicar con subdominio o exportar sitios web, y es esperable en un futuro que haya planes de pago para comprar y configurar dominios propios.

Generadores de web estática

Un generador de web estática es una herramienta que permite procesar un contenido estructurado en base a plantillas generando el código necesario. Esto resulta en sitios web con HTML, CSS o JavaScript que pueden alojarse en cualquier servidor web sin bases de datos ni lógicas de servidor.

En la práctica se diferencia de una web dinámica en que todo el contenido es siempre igual, independientemente del usuario. No existen páginas dinámicas, inicios de sesión ni roles de usuarios, ya que no hay plataforma ninguna para esto, únicamente el contenido estático. Algo que hace idóneos a estos constructores para webs corporativas, portfolios y demás sitios informativos, que se cargarán de manera especialmente rápida gracias a un funcionamiento optimizado.

Hugo

Hugo es unos de los generadores de webs estáticas más queridos por ser una de las opciones más sencillas y rápidas. La velocidad de despliegue es su mayor punto diferencial, da resultados óptimos para la navegación web sin retardos. La idea es simple, la creación de páginas, etiquetas y demás tipos de contenido es muy directa, y es fácilmente visible en tiempo real gracias a un entorno de desarrollo con servidor local. Cuenta con documentación extensa y muchos tutoriales útiles.

Para mayor sencillez usa Markdown como formato predilecto, que permite escribir contenidos e introducir elementos multimedia con una sintaxis sencilla. Esos archivos son compilados en HTML que queda cargado de manera estática y ligera, por eso consigue gran rapidez de carga. La facilidad de personalización, compatibilidad con distintos frameworks de CSS y ligereza hace a Hugo ideal para sitios informativos como portfolios, webs corporativas o landing pages. Eso sí, su mayor limitación es para crear usuarios o roles dinámicos, no está pensado para bases de datos y despliegues más complejos.

Astro

Astro es un constructor similar a Hugo en cuanto a la manera en que usa Markdown y otros formatos sencillos para escribir contenidos. Sin embargo, este va un poco más allá, a pesar de ser originalmente para webs estáticas, ofrece más libertad para integrar otros frameworks como React o Vue.

Esto se combina a una mayor oferta de opciones en cuanto a renderización, su estructura en “islas” permite gestionar los elementos que deben estar preparados desde el el lado del servidor y los que puede cargar el cliente. Así permite realmente gestionar sitios web dinámicos, con mucha capacidad de personalización. Es una opción más compleja y que requiere de mayor conocimiento de gestión y desarrollo web.

VitePress

Como su nombre indica este generador estático se basa en Vite y Vue. Es decir, está muy dedicado a la experiencia de usuario con interfaces claras y sencillas, especializado en la creación de wikis y documentación con elementos interactivos.

Al igual que los ejemplos anteriores, VitePress usa archivos markdown para facilitar la producción de contenidos con HTML precargado. Esto conjunta muy bien con su idea de sencillez y eficiencia para webs de documentación dnámica.

Silex

Silex es un proyecto de código abierto centrado en garantizar la mayor cantidad de herramientas de diseño, facilidades para SEO, organización de estilos y demás, mediante un editor visual. El proyecto cuenta con la plataforma web para personalización aunque requiere de servicios externos para su publicación.

El editor puede ser engorroso, pero al final ofrece una experiencia que recordará a muchos a Elementor y demás constructores visuales. También permite la integración con WordPress, de manera que el CMS funcione como backend y Silex para crear todo el frontend.

Constructores creativos

Entrando a los constructores creativos vamos a ver algunos ejemplos muy visuales y accesibles. Posiblemente los más fáciles de usar, aunque también los que más limitaciones pueden dar a la hora de crear sitios web más dinámicos como plataformas multiusuario. En cualquier caso estas herramientas son muy útiles para diseño puro y maquetación, basados en editores visuales y con múltiples herramientas para personalizar colores, bloques y estilos.

mmm.page

mmm.page es una plataforma de diseño de webs sencillas, centrada en la facilidad para personalizar elementos, posiciones, tamaños y colores, sin tener que lidiar con nada de código. No permite integraciones o funciones más complejas, pero es muy flexible en cuanto a personalización visual. Está pensado con la idea de estética de pastiche, muchos de los ejemplos de webs reales tienen gifs y animaciones continuas que evocan a la época del internet de los 90. Aunque permite todo tipo de personalización y estilos.

Añunb siguen desarrollando nuevas funciones, como la opción de header, footer y barras laterales, que están disponibles en la versión gratuita. De base se puede usar un subdominio por cuenta con hasta 5 páginas distintas, 40 bloques por página y hasta 1000 visitantes mensuales.

Cargo

Cargo es una plataforma para creación de webs visuales con bastantes opciones para maquetar en estilos impactantes. Destaca en la integración de animaciones y elementos multimedia en el fondo y en los contenidos. Usa una interfaz intuitiva pero que no escatima en opciones de estilo, textos, iconos, imágenes, sombras y opciones dinámicas al pasar el cursor; es muy completo en ese sentido.

Sus limitaciones vienen principalmente a la hora de publicar, ya que requiere del pago de una suscripción usando un subdominio o integrando otro nuevo. Sí que permite su uso gratuito completo a estudiantes y profesorado de todas partes del mundo.

Framer

Un diseñador muy completo e intuitivo, funciona mediante drag and drop y usa marcos para organizar el contenido visual. Como muchos de este tipo recuerda a Elementor, uno de los plugins más usados en WordPress, por lo que es bastante accesible para diseñadores sin conocimiento técnico. Una de las cosas en que destaca es también la posibilidad de configurar animaciones y demás acciones interactivas, que normalmente suelen estar más capadas a planes de pago en otros casos.

Framer también cuenta con un sistema de publicación y gestión de contenidos como otros CMS, aunque no tiene muchas opciones en cuanto a roles de usuario. Está más pensado para webs informativas y visuales. Se puede publicar una web de manera gratuita con un subdominio y con una marca de agua obligatoria de “Hecho con Framer”.

Straw.Page

Un drag and drop que realmente ofrece completa libertad de maquetación. Permite subir cualquier imagen, texto, elementos gráficos, gifs y alguna animación en posiciones y tamaños absolutos. Está pensado como diseñador creativo con toda la libertad para posicionar y maquetar los elementos, sin cuadrículas ni márgenes, todo es más directo y sencillo.

Por supuesto, Straw.Page no es especialmente útil para crear webs con funcionalidades complejas, ni diseños reactivos. Todo se limita a una página y una versión, siendo la pantalla de móvil un recorte central de la pantalla de ordenador. Esta limitación es también lo que lo hace interesante, ya que deja al usuario centrarse en la estética original y libre, haciéndola una opción muy accesible y útil para perfiles más creativos.

Web Apps

La mayoría de constructores web están pensados para sitios informativos, tiendas online y demás plataformas. Aunque varíen en complejidad, normalmente son servicios cuyo funcionamiento y desarrollo está muy estandarizado. En cambio, los constructores de web apps buscan ofrecer una forma de crear todo tipo de aplicaciones de cero, con todo tipo de posibilidades.

Anvil

Anvil es una plataforma de desarrollo que permite, desde el navegador, usar un editor visual con elementos drag and drop, pero con completa libertad y una gran cantidad de opciones para personalizar el código. Destaca por su enfoque en Python tanto para frontend como backend, lo que la hace bastante versátil y con potencial para sistemas muy eficientes y complejos.

Todas sus funcionalidades están disponibles de manera gratuita, pudiendo publicar la aplicación bajo un subdominio o conectar un dominio externo. Sin embargo tiene limitaciones de espacio y uso de la app, además de marca de agua de Anvil, esas ventajas están únicamente disponibles en planes de pago.

Lowdefy

Lowdefy es un generador de webs de código abierto orientada al desarrollo low-code, pensado para aplicaciones internas y paneles de administración mediante configuración declarativa. Es una plataforma no muy distinta de Astro o Hugo, que como vimos arriba, era muy convenientes y accesibles para escribir, modificar y gestionar todos los apartados del código de manera rápida y simple.

La principal diferencia está en que Lowdefy se especializa en la generación de sistemas de gestión interna y demás interfaces con muchas funciones y roles distintos. Y la forma en que lo hace es lo que la hace tan especial, mediante ficheros yaml y una estructura sencilla, Lowdefy está pensado con la eficiencia y consistencia como eje central.

IA generativa

Aunque no recomendamos el vibecoding como práctica para proyectos personales, lo cierto es que hay muchas herramientas que pueden ser puntos de partida o apoyos para soluciones prácticas en muchos desarrollos.

Mobirise

Mobirise es un programa especializado en el diseño web visual y con la opción de generación con IA. Permite publicar directamente bajo un subdominio o dominio propio o descargar todos los archivos localmente. Otra función interesante es la de edición de código, que es muy útil para corregir y refinar el trabajo de la IA, aunque solo está disponible en las versiones de pago.

Base44

Esta conocida plataforma lleva tiempo ganando popularidad por su accesibilidad. En sus opciones gratuitas ya permite generar sólo con prompts aplicaciones complejas con bases de datos cruzadas, múltiples usuarios y roles. Base44 es muy buena opción para experimentar y entender mejor la escala de distintos desarrollos en cuestión de minutos. Su gran limitación son los créditos mensuales que se gastan con el uso de IA.