SUPACODEAI STUDIO
無料で始める
活用例 · 飲食店・カフェ

飲食店・カフェのホームページをAIで作成

お店の雰囲気やメニュー、お客様に伝えたいことを説明するだけ。Supacodeが本物のHTMLコードで軽快なホームページを作り、ライブプレビューで動きを確認できます。価格や料理、写真の変更もチャットで頼むだけです。

このプロンプトが入力された状態で作成画面が開きます。作成前に自由に編集でき、実行前に必要なクレジットが表示されます。

作成の流れ

  1. お店について説明する

    店名、料理のジャンル、メニュー構成、目指す雰囲気をSupacodeに伝えます。ロゴやメニューの写真があれば添付してください。

  2. ライブで確認する

    最初のバージョンがライブプレビューで動きます。「ベジタリアン向けメニューを追加して」「スマホで営業時間を見やすくして」のように変更を頼めます。

  3. 公開して更新する

    「公開」を押すと公開リンクができます。メニューが変わったら修正を頼み、もう一度公開するだけです。

依頼できること

プロンプト例:下北沢にある私のカフェのホームページ:トップに店内写真、カテゴリ別のメニューと価格、営業時間、住所と地図、電話と席の予約ボタンを入れてください。

ギャラリーの作品例

すべて見る

よくある質問

あとから自分でメニューを更新できますか?

はい。チャットで「ラーメンの価格を980円に変えて」のように頼むか、コードエディターでファイルを直接編集できます。変更はすべてバージョンとして保存され、復元できます。

お客様が席を予約できるようにできますか?

予約フォームを追加したり、すでに使っている予約サービスへのリンクを置いたりできます。予約内容をデータベースに保存するには、Supabaseプロジェクトの接続が必要です。

独自ドメインは使えますか?

有料プランでは、「公開」メニューに表示される項目から独自ドメインを接続できます。各プランで使えるドメイン数は料金ページで確認できます。

あなたのアイデアで試してみましょう

毎日もらえる無料クレジットで始められます。変更はすべてバージョンとして保存され、いつでも復元できます。

作り始める