블랙프라이데이: 지금 바로 Craft를 평생 40% 할인된 가격으로 만나보세요!

Imagine With Craft

Use Craft’s API to Build With Lovable

With the API switched on, your Craft docs are ready to power the apps you create. From there, you can jump into Lovable and build something new with your doc’s data

Craft
Lovable

문서용 API 활성화

먼저 API를 활성화해 데일리 노트용 API 호출 경로가 생성될 수 있게 설정해야 합니다. 그 후 Lovable에서 그 URL을 사용해 서버에 연결하세요.

Click the “Imagine” tab in the sidebar

Step 1

Open the “Imagine” tab
Click “Add Your First API Connection” button

Step 2

Click “Add Your First API Connection”
Configure API connection settings

Step 3

Configure your API connection with a name.
"문서 추가" 버튼을 클릭하세요

Step 4

Click “Add Document” to select which documents this API connection has access to.
API URL이 상단에 표시됩니다

Step 5

문서와 연결되는 API URL이 이제 상단에 표시됩니다
"AI 번들 다운로드" 버튼을 클릭하세요

Step 6

"AI 번들 다운로드" 버튼을 클릭하세요. API 문서와 해당 문서의 내용이 담긴 폴더가 다운로드됩니다.

Lovable 프롬프트에서 API 사용하기

Craft 문서에서 API를 활성화했다면, 이제 Lovable이 프로젝트를 생성할 때 사용할 프롬프트를 작성하면 됩니다.

Lovable이 API와 문서 구조를 분석할 수 있도록 프롬프트에 AI 번들을 첨부하세요. AI 번들은 현재 Craft 문서의 내용과 API 문서를 함께 담고 있는 마크다운 파일입니다.

Go to Lovable

Step 1

Go to Lovable. You can create a new project right from the prompt box on the homepage
Upload the instructions

Step 2

Click “Attach” in the prompt box and upload the AI bundle you downloaded from Craft.

Now you can add a prompt to describe the app you want to build. Here is a very general example that can be used for testing:

Please create a website that visualises the content of my connected Craft docs. You find instructions on how to access this data and its structure in the attached file.

Upload the instructions

Step 3

Now Lovable will analyze the document and use the API to fetch the data and build the website.

Some Ideas to Get You Started

Browse Examples