Finalmente Lançado! Desenvolvimento do Novo Headless CMS Vol. 3
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

この記事はいかがでしたか?