接続
サービスを接続
自分のデータベース・メールを接続。所有・管理はご自身、当方はビルドに繋ぐだけ。
ご自身のアカウントを接続(キーは暗号化保存)。データ・費用・プライバシーはすべてご自身の管理下、VibeCampusは連携機能のみ提供。
データベース (Supabase)
自分のSupabaseでアプリに本物のデータを。
自分のデータベースを作る(私たちは一切触りません)
エンドユーザーのデータはあなたのSupabaseに、あなたの管理下で保存されます。VibeCampusは中継するだけで、所有も保存もしません。だからプライバシーの責任は私たちではなくあなたに残ります。
- 1.無料登録して新しいプロジェクトを作成: supabase.com
- 2.プロジェクトで Settings → API。Project URL と service_role キーをコピー。
Supabase → Project Settings → API。URLとキーを貼ると即時テスト。
- 3.SQL Editor を開き、これを一度貼り付けて Run:
-- VibeCampus: run once in your Supabase SQL editor.
create table if not exists public.vibe_records (
id uuid primary key default gen_random_uuid(),
form_key text not null,
collection text not null,
data jsonb not null default '{}'::jsonb,
visibility text not null default 'public',
end_user_id text,
created_at timestamptz not null default now(),
updated_at timestamptz not null default now()
);
create index if not exists vibe_records_key_coll on public.vibe_records (form_key, collection, created_at desc);
create index if not exists vibe_records_owner on public.vibe_records (form_key, collection, end_user_id);
alter table public.vibe_records enable row level security;
-- Form / contact submissions from your built site.
create table if not exists public.vibe_form_submissions (
id uuid primary key default gen_random_uuid(),
form_key text not null,
data jsonb not null default '{}'::jsonb,
name text,
email text,
source text,
created_at timestamptz not null default now()
);
create index if not exists vibe_form_key on public.vibe_form_submissions (form_key, created_at desc);
alter table public.vibe_form_submissions enable row level security;
-- Appointment / booking requests from your built site.
create table if not exists public.vibe_bookings (
id uuid primary key default gen_random_uuid(),
project_key text not null,
end_user_id text,
name text not null default '',
email text,
phone text,
service text not null default '',
start_at timestamptz not null,
duration_min int not null default 60,
note text not null default '',
status text not null default 'pending',
created_at timestamptz not null default now()
);
create index if not exists vibe_bookings_key_time on public.vibe_bookings (project_key, start_at);
alter table public.vibe_bookings enable row level security;
-- Shop orders from your built site (products/stock stay in VibeCampus).
create table if not exists public.vibe_orders (
id uuid primary key default gen_random_uuid(),
project_key text not null,
end_user_id text,
buyer_email text,
buyer_name text,
items jsonb not null default '[]'::jsonb,
total int not null default 0,
currency text not null default 'krw',
status text not null default 'pending',
created_at timestamptz not null default now()
);
create index if not exists vibe_orders_key on public.vibe_orders (project_key, created_at desc);
alter table public.vibe_orders enable row level security;- 4.下に URL + service キーを貼り付けて接続。これで完了です。アプリのデータはあなたのDBに保存されます。
GitHub(あなたのコード保管場所)
作った作品のコードをあなた自身のGitHubアカウントに保存します。コードの持ち主があなたである最も確かな証明になり、後でどんなツールでも開発を続けられます。
GitHubアカウントを連携
ボタンを押すとGitHubの同意画面が開きます。公開リポジトリの書き込み権限のみを要求し、GitHubの設定からいつでも解除できます。
Vercel(あなたのデプロイ先)
作ったサイトをあなた自身のVercelアカウントにデプロイします。サーバーはあなたのもので、無料URLがすぐ発行され、独自ドメインも接続できます。
Vercelアカウントを連携
ボタンを押すとVercelのインストール画面が開きます。プロジェクト・デプロイ・ドメイン権限のみを要求し、Vercelダッシュボードからいつでも解除できます。
メール (Resend)
自分のドメイン・Resendキーで送信。
Resend → API Keys。ドメイン認証後にキーを入力、即時テスト。