飲食店・カフェのホームページをAIで作成
お店の雰囲気やメニュー、お客様に伝えたいことを説明するだけ。Supacodeが本物のHTMLコードで軽快なホームページを作り、ライブプレビューで動きを確認できます。価格や料理、写真の変更もチャットで頼むだけです。
このプロンプトが入力された状態で作成画面が開きます。作成前に自由に編集でき、実行前に必要なクレジットが表示されます。
作成の流れ
お店について説明する
店名、料理のジャンル、メニュー構成、目指す雰囲気をSupacodeに伝えます。ロゴやメニューの写真があれば添付してください。
ライブで確認する
最初のバージョンがライブプレビューで動きます。「ベジタリアン向けメニューを追加して」「スマホで営業時間を見やすくして」のように変更を頼めます。
公開して更新する
「公開」を押すと公開リンクができます。メニューが変わったら修正を頼み、もう一度公開するだけです。
依頼できること
- カテゴリ別のメニューと価格
- 営業時間と住所・地図
- 電話・道案内・予約ボタン
- 写真ギャラリー
- スマホでも見やすいレイアウト
プロンプト例:下北沢にある私のカフェのホームページ:トップに店内写真、カテゴリ別のメニューと価格、営業時間、住所と地図、電話と席の予約ボタンを入れてください。
ギャラリーの作品例
すべて見るよくある質問
あとから自分でメニューを更新できますか?
はい。チャットで「ラーメンの価格を980円に変えて」のように頼むか、コードエディターでファイルを直接編集できます。変更はすべてバージョンとして保存され、復元できます。
お客様が席を予約できるようにできますか?
予約フォームを追加したり、すでに使っている予約サービスへのリンクを置いたりできます。予約内容をデータベースに保存するには、Supabaseプロジェクトの接続が必要です。
独自ドメインは使えますか?
有料プランでは、「公開」メニューに表示される項目から独自ドメインを接続できます。各プランで使えるドメイン数は料金ページで確認できます。