CraftのAPIを使ってLovableで構築する

CraftのAPIを使ってLovableでアプリを構築しましょう。ドキュメントの取得、コンテンツの同期、Craftデータを活用したカスタムツールの作成が可能です。

まず、この Craft ドキュメントで API を有効化する必要があります。これにより、Craft がこのドキュメント用の API エンドポイントをセットアップできるようになります。その後、Lovable からそのサーバーに接続するために API エンドポイントの URL を使用します。

ステップ1

「イマジン」タブを開きます。

ステップ2

「最初のAPI接続を追加」をクリックします。

ステップ3

API 接続の名前を設定してください。

ステップ4

「ドキュメントを追加」をクリックして、この API 接続がアクセスできるドキュメントを選択してください。

ステップ5

ドキュメントとのやり取りに使用する API URL が、上部に表示されるようになりました。

ステップ6

「AIバンドルをダウンロード」ボタンをクリックしてください。これにより、API ドキュメントとドキュメントの内容が含まれたフォルダがダウンロードされます。

Craft docでAPIを有効にしたら、Lovable がプロジェクトの生成に使用するプロンプトを書くことに集中できます。

Lovable がAPIの使い方を確認し、ドキュメントの構造を理解できるように、AIバンドルをプロンプトに添付します。このバンドルはマークダウンのドキュメントで、Craftドキュメントの現在の内容とAPIドキュメントを含んでいます。

ステップ1

Lovable にアクセスしてください。ホームページのプロンプトボックスから新しいプロジェクトを作成できます。

ステップ2

プロンプトボックスの「Attach」をクリックし、CraftからダウンロードしたAIバンドルをアップロードします。

作りたいアプリを説明するプロンプトを追加しましょう。以下はテストに使えるごく一般的なプロンプトの例です。

私のCraftドキュメントの内容を視覚化したウェブサイトを作成してください。このデータへのアクセス方法と構造については、添付ファイルに説明があります。

ステップ3

Lovableがドキュメントを分析し、APIを使ってデータを取得し、ウェブサイトを構築します。

初めての方におすすめのアイデア

Craftドキュメントを活用したパーソナルブログを構築しましょう。APIを通じてコンテンツが自動同期され、ノートアプリから直接投稿できます。

Lovableで構築されたリアルタイムの植物管理ダッシュボードです。Craftドキュメントから水やりスケジュールや管理のヒントを取得できます。

パターンとテーマを分析するAI搭載の夢日記。Craft APIとLovableで構築。