Imagine With Craft

Usa la API de Craft para crear con Lovable

Con la API activada, tus documentos de Craft están listos para impulsar las aplicaciones que crees. Desde ahí, puedes entrar en Lovable y construir algo nuevo con los datos de tus documentos.

Craft
Lovable

Habilitando la API para Documentos

Primero, debes habilitar la API para que Craft pueda configurar un endpoint de API para tus documentos. Luego, utiliza la URL de ese endpoint para conectarte al servidor desde Lovable.

Haz clic en la pestaña “Imaginar” en la barra lateral.

Step 1

Abre la pestaña “Imaginar”
Haz clic en el botón “Agregar tu primera conexión de API”

Step 2

Haz clic en “Agregar tu primera conexión de API”
Configura los ajustes de conexión de la API

Step 3

Configura tu conexión de la API con un nombre.
Haz clic en el botón “Agregar documento”

Step 4

Haz clic en “Agregar documento” para seleccionar qué documentos podrá usar esta conexión de API.
La URL de la API se muestra en la parte superior

Step 5

La URL de la API que se utilizará para interactuar con tu documento ahora se muestra en la parte superior
Haz clic en el botón “Descargar paquete de IA”

Step 6

Haz clic en el botón “Descargar paquete de IA”. Esto descargará una carpeta con la documentación de la API y el contenido de tu documento.

Uso de la API en un prompt de Lovable

Una vez que la API esté habilitada para tus documentos de Craft, ya puedes centrarte en redactar un prompt que Lovable utilizará para generar tu proyecto.

Para que Lovable pueda ver cómo usar la API y entender la estructura de tu documento, debes adjuntar el paquete de IA (AI bundle) a tu prompt. Este paquete es un documento en Markdown que contiene el contenido actual de tu documento de Craft, así como la documentación de la API.

Go to Lovable

Step 1

Ve a Lovable. Puedes crear un nuevo proyecto directamente desde el cuadro de texto en la página principal.
Upload the instructions

Step 2

Haz clic en “Adjuntar” en el cuadro de texto y sube el paquete de IA que descargaste de Craft.

Ahora puedes añadir un prompt para describir la aplicación que quieres crear. Aquí tienes un ejemplo muy general que puedes usar para hacer pruebas:

Por favor, crea un sitio web que visualice el contenido de mis documentos de Craft conectados. Encontrarás instrucciones sobre cómo acceder a estos datos y su estructura en el archivo adjunto.

Upload the instructions

Step 3

Ahora Lovable analizará el documento y usará la API para obtener los datos y construir el sitio web.

Some Ideas to Get You Started

Browse Examples