Personal Blog
Create a fully-featured blog with tags, archive and search and manage and edit your posts right inside Craft.
Live Demo
This real example shows what the Craft doc and the blog created with Lovable look like:
Write actions have been disabled for the demo
Built with Craft y Lovable
Build It Yourself
In this example we will use Craft to manage a personal blog and turn it into a beautiful personal website with posts, tags and search using Lovable.
Step 1 — Create Your Doc
Nuestras publicaciones del blog se guardan en una colección: usamos los campos de la colección para gestionar las etiquetas, la fecha de publicación y el estado de publicación. El contenido de cada entrada del blog es el contenido del elemento de la colección; de esta manera puedes usar el potente editor de Craft para escribir y pulir tus publicaciones del blog.
Usa la plantilla para crear un nuevo documento con una colección para tu blog, llena de algunas publicaciones de ejemplo.
Step 2 — Enable API Access
Habilita el acceso a la API para tu documento para obtener una URL única que pueda usarse para leer y agregar contenido a tu documento.
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 3 — Build on Lovable
Ahora sigamos adelante y construyamos el sitio web real para nuestro blog en Lovable. Para el sitio de ejemplo mostrado arriba, usamos este prompt:
Quiero que construyas mi blog personal.
La información está guardada en Craft. Por favor revisa el archivo adjunto que incluye un ejemplo del estado actual de mi documento de Blog en Craft, así como información sobre la API que deberías usar para obtener este documento y mis entradas del blog. Lee la documentación de la API con atención y sigue sus instrucciones.
Quiero que haya:
- Una página de inicio que muestre las 3 entradas más recientes con sus fechas y descripciones breves, y luego un enlace al archivo.
- Un archivo que liste todas las publicaciones publicadas y sus fechas en una tabla.
- Una página para cada publicación con navegación anterior/siguiente en la parte inferior.
- Una página que muestre todos los bloques con una etiqueta determinada.
- Funcionalidad de búsqueda.
Cada publicación tiene una propiedad “published”. Solo muestra aquellas publicaciones donde esté configurada como verdadera.
Quiero un diseño limpio y moderno que preste atención al detalle y se sienta excepcionalmente bien elaborado. Debe ser sofisticado pero no pretencioso, con una tipografía moderna y mucho espacio en blanco.
Ve a Lovable y pega el prompt en el cuadro de texto. Asegúrate de adjuntar el AI Bundle de tu documento que acabamos de descargar.
Lovable se pone manos a la obra, analizando el contenido del paquete para comprender la estructura del documento y cómo usar la API. Luego comienza a construir el sitio web según nuestro prompt.
¡Ahora tenemos un blog increíble que muestra nuestras publicaciones y admite búsqueda y etiquetas!
