Un blog para tu sitio Lovable, agregado con un solo prompt.

Puedes, y Lovable te hará un blog que se ve bien. El problema empieza con el segundo artículo. Si los artículos viven en el código de tu proyecto, cada artículo nuevo o cada corrección de una errata es otro mensaje en el chat, que gasta créditos de Lovable, y otro Publish changes (publicar cambios) antes de que tus lectores lo vean. Si Lovable les arma una base de datos, además te queda una pantalla de administración que mantener y proteger.

• Los artículos nunca piden volver a publicar. Tus páginas de Lovable traen los artículos al abrirse, así que un artículo que publicas en CMSKite está en vivo en tu sitio de inmediato.
• Quien escribe se queda fuera de tu proyecto. Invita a tu equipo a CMSKite como editores; nunca ven el chat de Lovable, tu código ni tu configuración.
• Un editor de verdad, y IA si la quieres. Escribir con IA redacta un artículo a partir de una frase, para que tú lo edites.

Escrito para el modelo del otro lado, con direcciones y nombres de campo exactos, el prompt para Lovable pide:

1. Una página del blog en /blog con cada artículo como tarjeta: imagen de portada, título, extracto, fecha y tiempo de lectura.
2. Una página de artículo en /blog/:slug que muestre el artículo completo, ya sea que lo escribiste como texto enriquecido, Markdown o texto plano, y una página de “no encontrado” como se debe para una dirección desconocida.
3. Que revise qué tipo de app de Lovable es la tuya. En una app con TanStack Start los artículos cargan en el servidor, en el loader de la ruta; en una app antigua con React + Vite cargan en el navegador.
4. El <title>, la meta descripción y la imagen para redes de cada artículo, tomados de sus campos de SEO, y una etiqueta noindex en cualquier artículo que marques como oculto para buscadores.
5. Una pequeña llamada cuando se abre la página del blog, para que tu panel sepa que el sitio está en vivo y dónde están los artículos, y otra cuando se abre un artículo, para contar sus lecturas.
6. Las fuentes, colores y espaciado de tu propio sitio, un enlace Blog en el menú principal y un mensaje amable mientras todavía no hay artículos.

La interfaz de Lovable solo está en inglés, así que sus botones aparecen abajo con su nombre en inglés.

1. 01

   Dile a CMSKite dónde está tu sitio Lovable

   Crea tu cuenta gratis. En CMSKite, en Configuración del sitio → General, pon en Sitio web la dirección que visita la gente: tu dirección lovable.app, o tu propio dominio si ya conectaste uno. CMSKite solo acepta la señal de “sitio en vivo” desde esa dirección.

2. 02

   Copia el prompt

   Abre Conectar tu sitio web, elige Prompt para creador con IA y selecciona Lovable en Tu creador de sitios. Lovable no necesita clave, así que el prompt queda listo al instante. Haz clic en Copiar prompt.

3. 03

   Pégalo en tu proyecto de Lovable

   Pega el prompt en el chat del proyecto donde quieres el blog y envíalo. Revisa la vista previa: el enlace al blog en el menú, la lista de artículos y un artículo abierto.

4. 04

   Publica el cambio

   Lovable no actualiza tu sitio en vivo por sí solo. Abre el diálogo Publish y haz clic en Publish changes (o en Publish la primera vez).

5. 05

   Abre el blog una vez en el sitio en vivo

   Visita /blog en tu dirección publicada, no en la vista previa. El panel de CMSKite se pone en verde solo en menos de un minuto. A partir de ahí, lo único que haces es publicar artículos en CMSKite.

Lovable cambió su stack en 2026, y eso importa para un blog. Según la documentación de Lovable, las apps creadas desde el 13 de mayo de 2026 usan TanStack Start con renderizado en el servidor: cada visitante y cada rastreador recibe el HTML terminado. Las apps anteriores son apps de una sola página con React + Vite: las personas reciben la app dibujada en el navegador, y Lovable renderiza la página al momento para rastreadores verificados (Google, Bing, bots de vista previa en redes y motores de IA como ChatGPT, Perplexity, Claude y Gemini). Otras herramientas, incluidos los escáneres de SEO de terceros, ven el cascarón vacío de la app.

• En una app con TanStack Start, el prompt hace que Lovable cargue los artículos en el loader de la ruta, en el servidor, y que defina las etiquetas del head a partir de ellos. La dirección pública del blog no necesita clave, así que la misma petición funciona en el servidor.
• En una app antigua con React + Vite, el prompt define las etiquetas del head cuando carga el artículo, y el renderizado de Lovable para rastreadores incluye el contenido cargado en ese momento. Si quieres que cualquier herramienta vea el artículo, Lovable ofrece Migrate to TanStack Start (escribe / en el chat, o ve a Project settings → General → Project actions). Lovable dice que la mayoría de las migraciones cuestan de 10 a 35 créditos.

1. 01

   El panel nunca se pone en verde

   Abriste el blog en la vista previa de Lovable, o en una dirección que no es el Website de la configuración de tu sitio web en CMSKite. La señal solo se acepta desde ese sitio (con o sin www). Corrige el ajuste y luego abre /blog en la dirección publicada.

2. 02

   El blog está en la vista previa pero no en el sitio en vivo

   El cambio no se publicó. Abre Publish y haz clic en Publish changes. Solo hace falta una vez para las páginas del blog; los artículos nuevos nunca lo necesitan.

3. 03

   Un prompt posterior rompió o quitó el blog

   Una petición amplia (“rediseña el sitio”) puede cambiar páginas que no querías tocar. Restaura la versión que funcionaba desde History (historial) y luego agrega una línea al Knowledge (conocimiento) de tu proyecto, como “Las páginas de /blog traen los artículos desde CMSKite; no pongas artículos fijos en el código ni cambies esas páginas a menos que te lo pida”, para que Lovable lo tenga presente en cada conversación.

4. 04

   Un artículo nuevo no aparece, o los anteriores no cambian

   Lovable copió los artículos en el código en lugar de traerlos. Dile: “Quita los artículos fijos en el código; tráelos siempre desde la API de CMSKite que indica el prompt.” El prompt también lo dice, pero en un chat largo Lovable puede desviarse.

Cada artículo tiene su propia dirección en tu sitio, con su propio título, descripción e imagen para redes. En cuanto tu sitio se reporta, la copia de cada artículo en tu enlace gratuito del blog de CMSKite apunta su enlace canónico a tu página de Lovable, así que los buscadores le dan el crédito a tu dominio, no al nuestro.

Un sitemap armado con las páginas de tu proyecto no puede listar artículos que viven en CMSKite, así que mantenemos uno por ti con cada artículo en su dirección de tu sitio. Pídele a Lovable que agregue esta línea al robots.txt del sitio, con el nombre de tu blog, y luego publica:

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

Revisa un artículo como lo vería un rastreador: ábrelo en el sitio en vivo y usa la opción Ver código fuente de tu navegador. En una app con TanStack Start deberías encontrar ahí el texto del artículo. Más en Making your posts findable (en inglés).

Del lado de Lovable, enviar el prompt es un mensaje de chat normal y gasta créditos de Lovable; Lovable muestra cuánto costó cada mensaje en More options → Credits used. Un dominio propio necesita un plan de pago de Lovable; la dirección gratuita lovable.app funciona con CMSKite en todos los planes.

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

Revisado el 4 de octubre de 2026.