Blog Personal
Crea un blog completamente funcional con etiquetas, archivo y búsqueda, y gestiona y edita tus publicaciones directamente dentro de Craft.
Demostración en vivo
Este ejemplo real muestra cómo se ven el documento de Craft y el blog creado con Lovable:
Las acciones de escritura han sido desactivadas para la demostración
Creado con Craft y Lovable
Constrúyelo tú mismo
En este ejemplo usaremos Craft para gestionar un blog personal y convertirlo en un hermoso sitio web personal con publicaciones, etiquetas y búsqueda usando Lovable.
Paso 1 — Crea tu documento
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.
Paso 2 — Habilitar acceso a la API
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.
Paso 1
Paso 2
Paso 3
Paso 4
Paso 5
Paso 6
Paso 3 — Crea con 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!
