¡Por fin lanzado! Desarrollo de un nuevo CMS Headless Vol. 3
El CMS headless KuroCMS nativo de Cloudflare se lanzó oficialmente. Ventajas: instalador web sin PC, plantillas compartidas con un clic, traducción por IA y actualizaciones sencillas.
¡KuroCMS finalmente se ha lanzado oficialmente! Es un CMS headless de próxima generación, multilingüe y totalmente gratuito, que ofrece una distribución ultrarrápida en el edge de Cloudflare y una configuración sencilla desde un teléfono inteligente.
Existen innumerables plataformas de CMS en el mundo. Sin embargo, cuando los desarrolladores individuales o los propietarios de pequeñas empresas intentan obtener "su propio dominio", "su propio diseño" y "una velocidad de visualización ultrarrápida", la dificultad y los costos de operación mensuales se disparan repentinamente. Con el lanzamiento oficial de la versión 1.7.0, esta tercera entrada del diario de desarrollo detallará las diversas características recién añadidas y su atractivo irresistible. Por cierto, este sitio de Kurousagi también ha reemplazado por completo Strapi con KuroCMS y ya lo está utilizando en producción.
Ofrecemos disculpas por los posibles errores que falten por pulir, pero decidimos publicarlo hoy porque demostró ser utilizable después de dos a tres días de pruebas.
La fusión de „totalmente gratuito“ y „velocidad de visualización ilimitada“ creada por Cloudflare Native
La característica arquitectónica principal de KuroCMS es que su backend y su infraestructura de hosting están todos acoplados de forma nativa a los entornos de edge computing de Cloudflare (Workers, D1, KV, R2, Workers Assets).
Los CMS headless tradicionales y las plataformas como WordPress requerían tarifas de hosting mensuales que iban desde unos pocos cientos hasta unos pocos miles de yenes, así como la gestión de bases de datos. Sin embargo, KuroCMS está diseñado para maximizar el uso del nivel gratuito (Free Tier) de Cloudflare. Para la gestión de un blog estándar, se puede operar con un costo mensual de „exactamente 0 yenes“.
[Métricas del nivel gratuito de Cloudflare]
・Workers (ejecución del servidor): 100 000 solicitudes/día
・D1 (base de datos SQLite): 5 GB de almacenamiento
・KV (caché de página): 100 000 lecturas / 10 000 escrituras al día
・R2 (almacenamiento de medios): 10 GB de almacenamiento / 1 000 000 de operaciones al mes
Es muy poco probable que se superen estos límites para sitios personales o de tamaño pequeño a mediano.
Además, no hay compromisos en la velocidad de visualización. KuroCMS utiliza un mecanismo de caché ultra-rápido de tres niveles. A petición, el edge más cercano (caché edge) responde, y en caso de fallo de caché, se devuelve instantáneamente desde el almacenamiento KV. Esto permite obtener un tiempo de carga de página (TTFB) inferior a 100 milisegundos desde cualquier parte del mundo, ofreciendo un rendimiento que elimina por completo el estrés del usuario.
Aunque el sitio resultante se visualiza a velocidades ultra-rápidas utilizando Vanilla JS y Tailwind CSS sin ninguna biblioteca dependiente, KuroCMS en sí mismo no utiliza ningún framework. Por lo tanto, no hay necesidad de gestionar las versiones de framework ni de realizar correcciones de adaptación, y como no hay sobrecarga relacionada con el uso de frameworks, KuroCMS funciona increíblemente rápido.
¡No se requiere PC! Un „Instalador Web“ que incluso se puede iniciar desde un teléfono inteligente
Los CMS headless generalmente requerían operaciones en PC o línea de comandos (CLI), desde la configuración del entorno de build hasta la operación y el despliegue. Con el objetivo de un „fácil despliegue para todos sin PC“, se creó un instalador web dedicado.
Los usuarios simplemente acceden a la página dedicada a través de un navegador y vinculan su cuenta de Cloudflare. Los recursos como Workers, D1 y KV se aprovisionan automáticamente, iniciando el panel de administración de KuroCMS. Tan pronto como el primer usuario se registra como administrador (admin), la pantalla de inicialización (/initialize/) se bloquea automáticamente para garantizar una alta seguridad. Es un sistema revolucionario que permite completar todas las fases de implementación y configuración inicial directamente desde la pantalla de un teléfono inteligente.
Un „verdadero modelo de datos multilingüe (i18n)“ con soporte integrado para múltiples idiomas
Desde el principio del desarrollo, KuroCMS fue diseñado con un soporte multilingüe en vista de una distribución global. En este sitio de Kurousagi, está configurado para mostrar un total de 9 idiomas, incluidos el japonés, el inglés, el alemán, el francés, el italiano, el español, el chino, el coreano y el ucraniano. *Por favor, use su propio servicio de inteligencia artificial cloud. Personalmente, como presenté en artículos anteriores, recomiendo Gemini para un tono cortés, ChatGPT para un tono amigable y Claude para un tono formal.
| Código de idioma | Idioma de visualización | Estructura de la URL | Características |
|---|---|---|---|
| ja | Japonés (por defecto) | /path/to/page |
Definida como lengua de base. Kurousagi solo escribe artículos en japonés. |
| en | Inglés | /path/to/page?lang=en |
Conversión a inglés a través de la API REST utilizando IA cloud de bajo costo como Gemini. |
| zh / ko / de / fr / it / es / uk | Otros idiomas | /path/to/page?lang={code} |
Pídale a la misma IA cloud que traduzca de forma secuencial de la versión en inglés a los otros idiomas. |
El modelo de datos se gestiona bellamente en una relación „uno a mucho“, donde los textos de traducción para cada idioma (título, resumen, body-html) están vinculados a un ID de artículo único (did) y a un slug compartido. Al traducir a un nuevo idioma, simplemente puede seleccionar el idioma en el menú desplegable del panel de administración para duplicar el contenido de la lengua de base existente con un clic y comenzar la traducción.
Rompiendo las barreras del diseño: la función „Template“ y el intercambio comunitario
En cuanto a la „libertad de diseño“, un fuerte atractivo de los CMS headless, KuroCMS también ofrece su propia especificación única. Está equipado con una „API Template“ que trata los códigos especiales HTML + KuroCMS directamente como plantillas.
Este motor de plantillas expande las variables y listas en el lado edge de forma dinámica o durante builds estáticos, con solo escribir expresiones especiales como site.name o #each articles.../each en el HTML. No se requiere ningún conocimiento de frameworks pesados de JavaScript, lo que permite crear su diseño utilizando puro HTML/CSS/JS.
Además, las plantillas creadas se pueden compartir y descargar con usuarios de todo el mundo con un solo clic a través de la „Community Template Library“. Conectado directamente a la biblioteca pública a través de la pantalla „Seleccionar plantilla“ del panel de administración, puede comprobar las pantallas de vista previa antes de la instalación y aplicar el diseño preferido de inmediato a su sitio.
[Generación automática de miniaturas]
Al compartir la plantilla diseñada con la comunidad, el panel de administración procesa temporalmente el HTML en un iframe y lo captura automáticamente en formato JPEG en el navegador mediante la tecnología html2canvas, registrándolo automáticamente como miniatura para la biblioteca. Los usuarios no necesitan crear imágenes de forma manual.
Consistencia tipográfica con la función „Web Font“
Incluso si despliega una plantilla bellamente diseñada, si las fuentes difieren según el sistema operativo del teléfono inteligente o PC del visitante, esto puede estropear la impresión del sitio. Para resolver este problema, KuroCMS está equipado con una gestión integrada de fuentes de Google.
El panel de administración dispone de un catálogo integrado de 40 fuentes Google cuidadosamente seleccionadas. Con una interfaz de usuario de dos columnas, la adición de fuentes a cargar, la modificación de la prioridad y la configuración del „font predeterminado“ se pueden gestionar fácilmente arrastrando y soltando. Una vez configurado un font predeterminado, los enlaces CDN se inyectan automáticamente en el <head> durante los builds públicos, anulando las especificaciones CSS en el lado de la plantilla para que la tipografía de todo el sitio sea uniforme y hermosa.
Además, el editor WYSIWYG del panel de administración (KuroEditor) está totalmente integrado con estos ajustes. Dado que puede escribir en la pantalla de edición con el mismo tipo de letra exacto que en el sitio público, se elimina el estrés de que lo que se escribe sea diferente de lo publicado.
„Build Stream“ para el seguimiento visual del progreso y actualizaciones automáticas
Al realizar un „build a nivel de sitio“ después de actualizar un gran número de artículos, es común sentirse ansioso si el progreso no es visible. KuroCMS ofrece una función que devuelve un flujo de progreso en formato NDJSON (Newline Delimited JSON) a través de la API de ejecución de build (POST /api/build), mostrando el progreso en tiempo real en la barra de progreso del panel de administración y en el visor de registros.
Durante el build, una función de caché (page_build_cache) ignora las páginas no modificadas, minimizando los accesos de escritura KV redundantes para maximizar la eficiencia del uso del edge.
Además, el panel de control cuenta las escrituras KV para permitir a los usuarios verificar si las actualizaciones se pueden realizar dentro del nivel gratuito. Esto les ayuda a estimar sus límites diarios.
[Actualizaciones en un clic]
El mayor obstáculo para el auto-hosting de un CMS headless open source era hasta ahora la complejidad del proceso de actualización. KuroCMS dispone de una función de actualización automática. Se comunica con el repositorio oficial de GitHub, avisa al panel de administración cuando hay una nueva versión disponible, y un simple clic en el botón „Actualizar“ sustituye automáticamente el script en el Worker por la versión más reciente de KuroCMS. No se requieren comandos ni operaciones Git.
Comparación completa con las principales plataformas de CMS
Por último, resumimos la comparación entre KuroCMS y los principales CMS existentes (WordPress y Strapi 5 auto-alojado).
| Elemento de comparación | KuroCMS | WordPress | Strapi 5 (Auto-alojado) |
|---|---|---|---|
| Costo de operación mensual | Permanentemente gratuito (En nivel gratuito) | Tarifa de servidor de hosting (a partir de 500 yenes) | Tarifa VPS/PaaS (a partir de 1000 yenes) |
| Velocidad de visualización/respuesta | Ultrarrápido (distribución por caché edge) | Dependiente del servidor (tiende a ralentizarse) | Dependiente de la configuración (retardo de API existente) |
| Dificultad de instalación | Fácil con el instalador Web | Fácil (instalación automática por el host) | Difícil (configuración del servidor, comandos) |
| Multilingüe | Multilingüe. *Operable por IA | Requiere un plugin (configuración extremadamente compleja) | Estándar (Configuración/UI difícil para principiantes) *En realidad parece tener errores y ser inutilizable. Kurousagi lo intentó muchas veces. |
| Actualizaciones | Un clic desde el panel de administración | Un clic desde el panel de administración | Requiere la ejecución de comandos y despliegue manual |
| Licencia | Licencia Kuro basada en MIT (Atribución añadida) | GPL | MIT |
Conclusión: Hacia un nuevo estándar para sitios personales y pequeños sitios
KuroCMS es un producto revolucionario que combina las ventajas de una velocidad de visualización increíble y de la libertad de diseño de un CMS headless en Cloudflare en una forma que corresponde a la sencillez y a la gratuidad de los servicios de blog japoneses. Con gran atención al detalle - como la función de actualización automática, la integridad del modelo multilingüe y la aplicación por defecto de las fuentes Web - KuroCMS está listo para convertirse en el nuevo estándar para futuros blogs personales y pequeños sitios web.
Si está interesado, visite el sitio oficial del instalador y viva usted mismo la experiencia de un blogging ultrarrápido y cómodo.