Um blog para o seu site Lovable, adicionado com um único prompt.

Dá para pedir, e o Lovable cria um blog bonito. O problema começa no segundo post. Se os posts ficam no código do projeto, cada post novo ou correção de erro de digitação é mais uma mensagem no chat, que gasta créditos do Lovable, e mais um Publish changes (publicar alterações) antes de os leitores verem. Se o Lovable criar um banco de dados para eles, você ainda ganha uma tela de administração para manter e proteger.

• Post nenhum precisa de republicação. Suas páginas do Lovable buscam os posts quando abrem, então um post publicado no CMSKite entra no ar no seu site na hora.
• Quem escreve fica fora do seu projeto. Convide as pessoas para o CMSKite como editoras; elas nunca veem o chat do Lovable, seu código nem suas configurações.
• Um editor de verdade, e IA se você quiser. O Escrever com IA cria o rascunho de um post a partir de uma frase, para você editar.

Escrito para o modelo do outro lado, com endereços e nomes de campo exatos, o prompt para o Lovable pede:

1. Uma página de blog em /blog com cada post num card: imagem de capa, título, resumo, data e tempo de leitura.
2. Uma página de post em /blog/:slug que mostra o post inteiro, seja ele escrito em texto formatado, Markdown ou texto simples, e uma página de “não encontrado” de verdade para um endereço desconhecido.
3. Uma verificação de que tipo de app do Lovable é o seu. Num app TanStack Start os posts carregam no servidor, no loader da rota; num app antigo em React + Vite, carregam no navegador.
4. O <title>, a meta description e a imagem para redes sociais de cada post, tirados dos campos de SEO dele, e uma tag noindex em qualquer post que você marcar como oculto das buscas.
5. Uma chamada rápida quando a página do blog abre, para o seu painel saber que o site está no ar e onde estão os posts, e outra quando um post abre, para as leituras serem contadas.
6. As fontes, cores e espaçamentos do seu site, um link Blog no menu principal e uma mensagem simpática enquanto ainda não houver posts.

1. 01

   Diga ao CMSKite onde fica o seu site Lovable

   Crie sua conta grátis. No painel, abra Configurações do site e, em General, preencha Website com o endereço que as pessoas visitam: o seu endereço lovable.app, ou o seu domínio, se você conectou um. O CMSKite só aceita o sinal de “site no ar” vindo desse endereço.

2. 02

   Copie o prompt

   Abra Conectar seu site, escolha Prompt para criador com IA e selecione Lovable em Seu criador de sites. O Lovable não precisa de chave, então o prompt fica pronto na hora. Clique em Copiar prompt.

3. 03

   Cole no seu projeto do Lovable

   Cole o prompt no chat do projeto onde o blog vai ficar e envie. Confira a pré-visualização: o link do blog no menu, a lista de posts e um post aberto.

4. 04

   Publique a alteração

   O Lovable não atualiza o seu site no ar sozinho. Abra a janela Publish e clique em Publish changes (ou em Publish, na primeira vez).

5. 05

   Abra o blog no site no ar uma vez

   Acesse /blog no seu endereço publicado, não na pré-visualização. O painel do CMSKite fica verde sozinho em até um minuto. Daí em diante, publicar um post no CMSKite é tudo o que você faz.

O Lovable mudou de stack em 2026, e isso importa para um blog. Segundo a documentação do Lovable, apps criados a partir de 13 de maio de 2026 usam TanStack Start com renderização no servidor: todo visitante e todo robô de busca recebe o HTML pronto. Apps mais antigos são single-page apps em React + Vite: as pessoas recebem o app desenhado no navegador, e o Lovable renderiza a página na hora para robôs verificados (Google, Bing, robôs de prévia de redes sociais e mecanismos de IA como ChatGPT, Perplexity, Claude e Gemini). Outras ferramentas, inclusive verificadores de SEO de terceiros, veem o app vazio.

• Num app TanStack Start, o prompt faz o Lovable carregar os posts no loader da rota, no servidor, e definir as tags do head a partir deles. O endereço público do blog não precisa de chave, então a mesma busca funciona no servidor.
• Num app antigo em React + Vite, o prompt define as tags do head quando o post carrega, e a renderização do Lovable para robôs inclui o conteúdo carregado nesse momento. Se você quer que qualquer ferramenta veja o post, o Lovable oferece Migrate to TanStack Start (digite / no chat, ou vá em Project settings → General → Project actions). O Lovable diz que a maioria das migrações custa de 10 a 35 créditos.

1. 01

   O painel nunca fica verde

   Você abriu o blog na pré-visualização do Lovable, ou num endereço que não é o Website das Configurações do site no CMSKite. O sinal só é aceito vindo desse site (com ou sem www). Corrija a configuração e abra /blog no endereço publicado.

2. 02

   O blog aparece na pré-visualização, mas não no site no ar

   A alteração não foi publicada. Abra Publish e clique em Publish changes. Você só precisa disso uma vez para as páginas do blog; posts novos nunca precisam.

3. 03

   Um prompt posterior quebrou ou removeu o blog

   Um pedido amplo (“redesenhe o site”) pode mudar páginas que você não queria mexer. Restaure a versão que funcionava pelo History (histórico) e adicione uma linha ao Knowledge (conhecimento) do projeto, como “As páginas /blog buscam os posts no CMSKite; não coloque posts fixos no código nem mude essas páginas sem eu pedir”, para o Lovable lembrar disso em toda conversa.

4. 04

   Um post novo não aparece, ou os posts antigos ficam congelados

   O Lovable copiou os posts para o código em vez de buscá-los. Diga a ele: “Remova todos os posts fixos no código; busque sempre os posts na API do CMSKite indicada no prompt.” O prompt já diz isso, mas um chat longo pode se desviar.

Cada post ganha o próprio endereço no seu site, com título, descrição e imagem para redes sociais próprios. Depois que o seu site dá sinal de vida, a cópia de cada post no seu link gratuito do blog no CMSKite aponta o link canônico para a sua página do Lovable, e os buscadores dão o crédito ao seu domínio, não ao nosso.

Um sitemap gerado a partir das páginas do projeto não consegue listar posts que ficam no CMSKite, então nós mantemos um para você, com cada post no endereço dele no seu site. Peça ao Lovable para adicionar esta linha ao robots.txt do site, com o nome do seu blog, e publique:

Sitemap: https://cmskite.com/b/seu-blog/site-sitemap.xml

Confira um post do jeito que um robô de busca vê: abra o post no site no ar e use a opção de ver o código-fonte do navegador. Num app TanStack Start, o texto do post deve estar ali. Mais em Making your posts findable (em inglês).

No Lovable, enviar o prompt é uma mensagem comum no chat e gasta créditos do Lovable; o Lovable mostra quanto cada mensagem custou em More options → Credits used. Um domínio próprio exige um plano pago do Lovable; o endereço gratuito lovable.app funciona com o CMSKite em todos os planos.

• Optimize your app for SEO and AI search — Lovable
• How Lovable hosts your app — Lovable
• Publish your Lovable project — Lovable
• Upgrade a project to TanStack Start — Lovable
• Secrets — Lovable
• Glossary: Knowledge, History, Credits — Lovable

Conferido em 3 de outubro de 2026.