予約アプリをAIで作る

予約の対象、所要時間、受付できる時間帯を説明すると、Supacodeが予約ページと管理画面を本物のコードで作ります。ご自身のSupabaseプロジェクトを接続すれば、予約を本物のデータベースに保存できます。

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

作成の流れ

予約の内容を説明する
メニュー、所要時間と料金、営業時間、お客様に入力してほしい項目を伝えます。
データベースを接続する
「バックエンド」タブでSupabaseプロジェクトを接続します。Supacodeがテーブルを作成し、データベースの変更は実行前にすべて承認を求めます。
試して公開する
ライブプレビューで予約を試し、修正を頼んでから、公開するかご自身のVercelアカウントにデプロイします。

プロンプト例：美容室の予約アプリ：所要時間と料金付きのメニュー一覧、空き時間がわかるカレンダー、予約フォーム、予約の確認とキャンセルができる管理ページを作ってください。

予約データはどこに保存されますか？

ご自身のSupabaseプロジェクトです。Supacodeはアプリのデータを保持せず、コードとそのバージョンだけを保存します。

お客様に確認メールを送れますか？

お好きなメール配信サービスを使って確認メールを追加できます。そのサービスのアカウントとキーが必要です。

どの構成を選べばいいですか？

ログインやデータを扱うアプリにはNext.jsが向いています。シンプルな申し込みフォームだけならHTMLで十分です。

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