トップ / 応用の紹介

どう繋がるのか

公開したページは、決まった内容を表示するだけです。誰かが書き込んだ内容を、覚えておく場所がありません。その「記憶」を担当するのがデータベースです。

Supabaseは、データベースを1つ、管理画面ごと貸してくれるサービスです。ログイン機能（認証）も同じ場所に付いてきます。

そして接続に使うURLとカギ（APIキー）は、コードに直接書かず、別の場所から渡します。この扱い方はVercelで本格的に公開するで説明しています。

実際にやるとどんな感じか

アプリのコードからは、数行でデータを出し入れできます。

const { data } = await supabase
  .from("posts")
  .select("*");

「posts という表から、全部の行を取り出す」と読めます。この程度の読み方が分かれば、あとの実装はClaudeに任せられます。

**⚠️ 1つだけ、先に知っておいてください。RLS（Row Level Security）という設定を飛ばすと、全データが誰でも読み書きできる状態で公開されます。**個人情報の流出事故として、実際に繰り返し起きています。Supabaseを使う日が来たら、テーブルを作るより先に「RLSとは何か」をClaudeに聞いてください。

始めるなら

• Supabase 公式サイト

アカウント作成から最初のテーブルまでは、Claudeに画面を説明しながら聞くと迷いません。「SupabaseをNext.jsから使いたい。何から始めればいい？」で十分通じます。