Craftで想像する
CraftのAPIを使ってBolt.newで構築する
APIをオンにすることで、Craft docがあなたの作成したアプリを動かす準備が整います。ここからBolt.new を使って、ドキュメントのデータを使って新しいものを作ることができます。
Craft ドキュメントで API を有効化する
まず、この Craft ドキュメントで API を有効化する必要があります。これにより、Craft がこのドキュメント用の API エンドポイントをセットアップできるようになります。 その後、Bolt からそのサーバーに接続するために API エンドポイントの URL を使用します。
ステップ1
ドキュメント内で、右上にある「Imagine」ボタンをクリックします。
ステップ2
パネルの下部にある「Enable API」をクリックします。
ステップ3
あなたのドキュメントとやり取りするために使用される API URL が、上部に表示されるようになりました。
ステップ4
このプロジェクトでは、API はあなたのドキュメントの読み取りだけを行えば十分です。
API の権限を「Read（読み取り）」のみに設定してください。
ステップ5
このプロジェクトでは、API はあなたのドキュメントへの書き込みだけを行えば十分です。
API の権限を「Write（書き込み）」のみに設定してください。
ステップ6
このプロジェクトでは、「Download AI Bundle」ボタンをクリックしてください。
これにより、API ドキュメントとドキュメントの内容が含まれたフォルダがダウンロードされます。
このフォルダを Lovable にアップロードすることで、Lovable があなたのドキュメントの読み取り方法を理解できるようになります。
Bolt プロンプトでAPIを使う
Craft docでAPIを有効にしたら、Bolt 、プロジェクトの生成に使用するプロンプトを書くことに集中できます。
Bolt 、APIの使い方を確認し、ドキュメントの構造を理解するために、AIバンドルをプロンプトに添付します。このバンドルはマークダウンのドキュメントで、Craftドキュメントの現在のコンテンツとAPIドキュメントを含んでいます。
ステップ1
Bolt.new にアクセスしてください。ホームページのプロンプトボックスから新しいプロジェクトを作成できます。
ステップ2
プロンプトボックスの「ファイルを添付」をクリックし、CraftからダウンロードしたAIバンドルをアップロードします。
ステップ3
プロンプトボックスの左上に添付ファイルが表示されるはずです。
作りたいアプリを説明するプロンプトを追加しましょう。以下はテストに使えるごく一般的なプロンプトの例です。
私のCraft docの内容を視覚化したウェブサイトを作成してください。このデータへのアクセス方法と構造については、添付ファイルに説明があります。
ステップ4
これでBolt.newはドキュメントを分析し、APIを使ってデータを取得し、ウェブサイトを構築することができるようになりました。
