blog Business Software Technology

Finalmente Lançado! Desenvolvimento do Novo Headless CMS Vol. 3

O KuroCMS, CMS headless ultra-rápido nativo da Cloudflare, foi lançado. Apresenta instalador web sem PC, modelos da comunidade, sistema multilíngue e fácil atualização.


KuroCMS é finalmente lançado oficialmente! É um CMS headless multilíngue de próxima geração, completamente gratuito, que oferece entrega ultra-rápida na borda da Cloudflare e configuração simples a partir de smartphones.

Existem inúmeras plataformas de CMS no mundo, mas quando desenvolvedores individuais ou proprietários de pequenas empresas tentam obter "seu próprio domínio", "seu próprio design" e "velocidade de exibição ultra-rápida", a dificuldade e os custos operacionais mensais de repente disparam. No entanto, o objetivo do KuroCMS, que discutimos no Vol. 1 e Vol. 2 desta série, é finalmente público! Junto com o lançamento oficial da versão 1.7.0, esta terceira entrada do diário de desenvolvimento detalhará os vários recursos recém-adicionados e seu apelo esmagador. A propósito, este site Kurousagi também substituiu completamente o Strapi pelo KuroCMS e o está usando de fato.

Claro, ainda há muito espaço para melhorias e correção de bugs, mas decidimos lançá-lo hoje, pois provou ser utilizável após dois a três dias de testes.

A fusão de "completamente gratuito" e "velocidade de exibição ilimitada" criada pelo nativo da Cloudflare

A maior característica arquitetônica do KuroCMS é que seu backend e infraestrutura de hospedagem são todos nativamente acoplados aos ambientes de computação de borda da Cloudflare (Workers, D1, KV, R2, Workers Assets).

Os CMSs headless tradicionais e plataformas como o WordPress exigiam taxas mensais de aluguel de servidor variando de algumas centenas a alguns milhares de ienes, bem como o incômodo do gerenciamento de banco de dados. No entanto, o KuroCMS é projetado para maximizar o uso do poderoso Free Tier da Cloudflare. Para uma operação de blog padrão, ele pode ser executado por um custo mensal de "exatamente 0 ienes".

[Benchmarks do Cloudflare Free Tier]
・Workers (Execução do servidor): 100.000 solicitações/dia
・D1 (Banco de dados SQLite): 5 GB de armazenamento
・KV (Cache de página): 100.000 leituras / 10.000 gravações por dia
・R2 (Armazenamento de mídia): 10 GB de armazenamento / 1.000.000 de operações por mês
Esses limites são altamente improváveis de serem excedidos para sites pessoais ou de pequeno a médio porte.

Além disso, não há concessões na velocidade de exibição. O KuroCMS utiliza um mecanismo de cache ultra-rápido de três níveis. Mediante solicitação, a borda mais próxima (cache de borda) responde e, no caso de um cache miss, o conteúdo é retornado instantaneamente do armazenamento KV. Isso atinge um tempo de carregamento de página (TTFB) de menos de 100 milissegundos de qualquer lugar do mundo, ostentando um desempenho que elimina completamente o estresse do usuário.

Embora o site resultante seja exibido em velocidades ultra-rápidas usando Vanilla JS e Tailwind CSS sem quaisquer bibliotecas dependentes, o próprio KuroCMS não usa nenhum framework. Portanto, não há necessidade de gerenciamento de versão de framework ou correções de adaptação e, como não há sobrecarga do uso de frameworks, o KuroCMS roda incrivelmente rápido.

Sem PC! Um "Instalador Web" que pode ser iniciado até mesmo de um smartphone

Os CMSs headless normalmente exigiam operações de PC ou de linha de comando (CLI) desde a configuração do ambiente de compilação até a operação e implantação. No entanto, o KuroCMS foi desenvolvido com o objetivo de "implantação fácil para todos sem um PC", levando à criação de um Instalador Web dedicado.

Os usuários simplesmente acessam a página dedicada por meio de um navegador e vinculam sua conta da Cloudflare, e recursos como Workers, D1 e KV são provisionados automaticamente, iniciando o painel de administração do KuroCMS. Assim que o primeiro usuário é registrado como administrador (admin), a tela de inicialização (/initialize/) é bloqueada automaticamente para garantir alta segurança. Este é um sistema revolucionário que permite que toda a implantação e configuração inicial sejam concluídas diretamente da tela de um smartphone.

Um "modelo de dados multilíngue (i18n) real" com suporte integrado para vários idiomas

Desde os estágios iniciais de desenvolvimento, o KuroCMS foi projetado com suporte multilíngue em mente para distribuição global. Neste site Kurousagi, ele está configurado para exibir um total de 9 idiomas, incluindo japonês, inglês, alemão, francês, italiano, espanhol, chinês, coreano e ucraniano. *Use seu próprio serviço de nuvem de IA assinado. Pessoalmente, como apresentado em artigos anteriores, recomendo o Gemini para um tom polido, o ChatGPT para um tom amigável e o Claude para um tom formal.

Código de Idioma Idioma de Exibição Estrutura de URL Recursos
ja Japonês (Padrão do Site) /path/to/page Definido como o idioma base, o Kurousagi apenas escreve artigos em japonês.
en Inglês /path/to/page?lang=en Converta para o inglês via REST API usando nuvens de IA de baixo custo como o Gemini.
zh / ko / de / fr / it / es / uk Chinês / Coreano / Alemão / Francês / Italiano / Espanhol / Ucraniano /path/to/page?lang={code} Instrua a mesma nuvem de IA a traduzir do inglês para os outros idiomas sequencialmente.

O modelo de dados é gerenciado em uma relação "um para muitos", onde os textos de tradução para cada idioma (título, resumo, body_html) estão vinculados a um único ID de artigo (did) e a um slug compartilhado. Ao traduzir para um novo idioma, você pode simplesmente selecionar o idioma no menu suspenso no painel de administração para duplicar o conteúdo do idioma base existente com um clique e iniciar a tradução.

Removendo barreiras de design: a "função de modelo (Template)" e compartilhamento da comunidade

Em relação à "liberdade de design", que é um grande atrativo dos CMSs headless, o KuroCMS também apresenta sua própria especificação exclusiva. Ele está equipado com uma "Template API" que trata HTML + códigos especiais do KuroCMS diretamente como modelos.

Este mecanismo de modelo expande variáveis e listas no lado da borda de forma dinâmica ou durante compilações estáticas, simplesmente escrevendo expressões especiais como site.name ou #each articles.../each no HTML. Nenhum conhecimento de frameworks JavaScript complexos é necessário, permitindo que você construa completamente seu próprio design usando puro HTML/CSS/JS.

Além disso, os modelos criados podem ser compartilhados e baixados com usuários em todo o mundo com um único clique através da "Biblioteca de Modelos da Comunidade". Conectada diretamente à biblioteca pública a partir da tela "Selecionar Modelo" no painel de administração, você pode verificar as telas de visualização antes de instalar e aplicar imediatamente o design de sua preferência ao seu site.

[Função de Geração Automática de Miniaturas]
Ao publicar seu modelo projetado para a comunidade, o painel de administração renderiza temporariamente o HTML em um iframe e o captura automaticamente como um JPEG no navegador usando a tecnologia html2canvas, registrando-o automaticamente como uma miniatura para a biblioteca. Os usuários não precisam criar imagens manualmente.

Criando consistência tipográfica com a "Função de Aplicação de Fontes da Web"

Mesmo que você implante um modelo lindamente projetado, se as fontes parecerem inconsistentes dependendo do sistema operacional do smartphone ou PC de visualização, isso pode arruinar a impressão do site. Para resolver isso, o KuroCMS está equipado com um recurso de gerenciamento de integração do Google Fonts.

O painel de administração apresenta um catálogo integrado de 40 fontes selecionadas do Google Fonts, variando de japonês, europeu a fontes monoespaçadas. Usando uma interface do usuário de transporte de dois painéis, a adição de fontes para carregar, a alteração da ordem de prioridade e a configuração da "Fonte Padrão" podem ser gerenciadas com uma sensação de arrastar e soltar. Assim que uma fonte padrão é especificada, os links do CDN são injetados automaticamente no <head> durante as compilações públicas, substituindo as especificações CSS no lado do modelo para unificar a tipografia de todo o site.

Além disso, o editor WYSIWYG do painel de administração (KuroEditor) está totalmente integrado a essas configurações. Como você pode escrever na tela de edição com a mesma fonte do site público, isso elimina completamente o estresse de "o que você escreve parece diferente do que é publicado".

"Build Stream" para rastreamento de progresso visual e atualizações automáticas

Durante uma "compilação de todo o site" realizada após a atualização de um grande número de artigos, é comum sentir ansiedade quando o progresso não é visível. O KuroCMS fornece um recurso que retorna um fluxo de progresso no formato NDJSON (Newline Delimited JSON) a partir da API de execução de compilação (POST /api/build), refletindo o progresso em tempo real na barra de progresso do painel de administração e no visualizador de logs.

Durante as compilações, um recurso de cache (page_build_cache) funciona para pular páginas não alteradas, minimizando gravações KV redundantes para maximizar a eficiência de utilização da borda.

Além disso, o painel conta as gravações KV para permitir que os usuários verifiquem se as atualizações podem ser feitas dentro do nível gratuito, ajudando-os a avaliar seus limites diários de atualização KV (trabalho de compilação).

[Atualizações Automáticas com um Clique]
O maior obstáculo de auto-hospedar um CMS headless OSS era a tese do processo de atualização. O KuroCMS apresenta uma função de auto-atualização. Ele se comunica com o repositório oficial de lançamentos do GitHub, notifica o painel de administração quando uma nova versão está disponível e, simplesmente clicando no botão "Atualizar", substitui o script dentro do Worker pela versão mais recente do KuroCMS. Nenhuma instrução ou operação Git é necessária.

Comparação Completa com as Principais Plataformas de CMS

Por fim, resumimos a comparação entre o KuroCMS e os principais CMSs existentes (WordPress e CMS headless geral + Strapi).

Item de Comparação KuroCMS WordPress Strapi 5 (Auto-hospedado)
Custo Operacional Mensal Permanentemente Gratuito (Dentro do nível gratuito) Taxa de aluguel do servidor (500 ienes~) Taxa de VPS/PaaS (1.000 ienes~)
Velocidade de Exibição/Resposta Ultra-rápido (Entrega de cache de borda) Dependente do servidor (Propenso à lentidão) Dependente da configuração (Atraso de API existe)
Dificuldade de Implantação Fácil com Instalador Web Fácil (Instalação automática do servidor) Difícil (Configuração do servidor, comandos)
Suporte Multilíngue Multilíngue. *Operável por IA Requer plugin (Configuração extremamente complexa) Suporte padrão (Configuração/UI difícil para iniciantes) *Na verdade parece ter bugs e ser inutilizável. O Kurousagi tentou muitas vezes.
Atualizações Um clique a partir do painel de administração Um clique a partir do painel de administração Requer execução de comando e implantação manual
Licença Licença Kuro baseada em MIT (Atribuição adicionada) GPL MIT

Conclusão: Rumo a um Novo Padrão para Sites Pessoais e Pequenos

O KuroCMS é um produto revolucionário que traz os benefícios de "dar a um CMS headless projetado livremente velocidades de exibição esmagadoras utilizando uma CDN" na Cloudflare de uma forma que corresponde à facilidade e à estrutura de custo zero dos serviços de blog japoneses. Com atenção cuidadosa aos detalhes — como a função de auto-atualização, a integridade do modelo multilíngue e a aplicação de fonte web padrão —, o KuroCMS está pronto para se tornar o novo padrão para futuros blogs pessoais e pequenas operações de sites.

Se você estiver interessado, acesse o site oficial do instalador e experimente a vida de blog ultra-rápida e confortável por si mesmo!


[Fontes]
  1. Página Oficial de Promoção do KuroCMS
  2. Documentação do Cloudflare Workers
  3. Repositório do KuroCMS no GitHub