接続

サービスを接続

自分のデータベース・メールを接続。所有・管理はご自身、当方はビルドに繋ぐだけ。

ご自身のアカウントを接続(キーは暗号化保存)。データ・費用・プライバシーはすべてご自身の管理下、VibeCampusは連携機能のみ提供。

データベース (Supabase)

自分のSupabaseでアプリに本物のデータを。

自分のデータベースを作る(私たちは一切触りません)

エンドユーザーのデータはあなたのSupabaseに、あなたの管理下で保存されます。VibeCampusは中継するだけで、所有も保存もしません。だからプライバシーの責任は私たちではなくあなたに残ります。

Supabaseでワンクリック接続

クリック3回で完了。あなたのアカウント内にバックエンドを自動作成します。キーのコピーは不要です。

または下記から手動で接続

  1. 1.無料登録して新しいプロジェクトを作成: supabase.com
  2. 2.プロジェクトで Settings → API。Project URL と service_role キーをコピー。

Supabase → Project Settings → API。URLとキーを貼ると即時テスト。

  1. 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;
  1. 4.下に URL + service キーを貼り付けて接続。これで完了です。アプリのデータはあなたのDBに保存されます。

GitHub(あなたのコード保管場所)

作った作品のコードをあなた自身のGitHubアカウントに保存します。コードの持ち主があなたである最も確かな証明になり、後でどんなツールでも開発を続けられます。

GitHubアカウントを連携

ボタンを押すとGitHubの同意画面が開きます。公開リポジトリの書き込み権限のみを要求し、GitHubの設定からいつでも解除できます。

Vercel(あなたのデプロイ先)

作ったサイトをあなた自身のVercelアカウントにデプロイします。サーバーはあなたのもので、無料URLがすぐ発行され、独自ドメインも接続できます。

Vercelアカウントを連携

ボタンを押すとVercelのインストール画面が開きます。プロジェクト・デプロイ・ドメイン権限のみを要求し、Vercelダッシュボードからいつでも解除できます。

メール (Resend)

自分のドメイン・Resendキーで送信。

Resend → API Keys。ドメイン認証後にキーを入力、即時テスト。

バックエンド接続新規ビルド