> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qoder.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Supabase統合

[Supabase](https://supabase.com/)は、PostgreSQLデータベース、ユーザー認証、ファイルストレージ、リアルタイムデータ同期を提供するオープンソースのFirebase代替サービスです。Questでは、Supabaseプロジェクトへの直接認証と接続をサポートし、ブラウザとエディタの切り替えなしにIDE内でフロントエンド開発とバックエンドデータ管理を一元的に行えます。

複数のSupabaseプロジェクトに同時接続し、IDE内でデータベーステーブルスキーマ（Schema）を直接プレビューして、バックエンドデータモデルをリアルタイムで把握できます。

**コア機能：**

* **マルチプロジェクト接続**：複数のSupabaseプロジェクトへの認証・接続をサポートし、異なる環境（開発・テスト・本番）やサービス間の迅速な切り替えが可能です。
* **データベーススキーマプレビュー**：接続済みプロジェクトのデータベーステーブル構造（テーブル名、フィールド、型、リレーション）をSupabase Dashboardを開かずにIDE内で直接確認できます。
* **強化されたデータベース機能**：AIエージェントがデータベース構造を認識し、タスク要件に基づいてテーブル作成文、データスキーマ、クエリロジックを自動生成し、フロントエンドとバックエンドのデータモデルの一貫性を確保します。
* **ワンクリック認証**：OAuthフローによる安全なSupabase接続 — API Keyや接続文字列の手動設定は不要です。

Supabaseプロジェクトに接続後、Questで以下のサービスを利用できます：

**サポートされるSupabaseサービス：**

* **データベース（PostgreSQL）** — アプリケーションデータの保存とクエリのための完全なSQLサポート。AIが必要なテーブルとデータスキーマを自動生成できます。詳細は[Supabase Databaseドキュメント](https://supabase.com/docs/guides/database/overview)をご覧ください。
* **認証** — ユーザー登録、ログイン、アクセス制御の安全な管理。メール/パスワードやGoogle、GitHubなどのOAuthプロバイダーを含む複数の認証方法をサポート。詳細は[Supabase Authドキュメント](https://supabase.com/docs/guides/auth)をご覧ください。
* **ストレージ** — Supabase Storageを通じて画像やその他のファイルをアップロード・管理。ユーザーアバター、ファイルアップロード、静的メディアリソースに適しています。詳細は[Supabase Storageドキュメント](https://supabase.com/docs/guides/storage)をご覧ください。
* **リアルタイム** — データ変更をアプリケーションにリアルタイムでプッシュ。ライブチャット、動的フィード、コラボレーションダッシュボードなどに対応。詳細は[Supabase Realtimeドキュメント](https://supabase.com/docs/guides/realtime)をご覧ください。

**操作手順：**

Questでプロジェクトを構築中に、AIがSupabase接続が必要と判断した場合、チャットパネルにプロンプトが表示されます。以下の手順で自主的に接続することも可能です：

<Steps>
  <Step title="Supabaseプロジェクトの準備">
    [Supabase](https://supabase.com/)でアカウントを登録し、組織とプロジェクトを作成。
  </Step>

  <Step title="認証接続">
    Questで、ツールパネル上部の**Supabase**タブをクリック。Supabaseパネルで**Authorize**ボタンをクリックし、OAuthフローを完了して、Supabase組織を選択して承認。
  </Step>

  <Step title="プロジェクトの関連付け">
    認証完了後、パネルに組織とプロジェクトのリストが表示されます。対象プロジェクトの**Connect**ボタンをクリックして、現在のQuestプロジェクトとリンク。
  </Step>

  <Step title="開発開始">
    接続完了後、Supabaseパネルでデータベーステーブルスキーマを直接プレビューでき、AIもこのスキーマ情報を活用して開発を支援します。
  </Step>
</Steps>

<Tip>Qoderプロジェクトはアクティブ状態のSupabaseプロジェクトにのみ接続できます。組織を切り替えるには、組織名横の切り替えボタンをクリックしてください。</Tip>

**ユースケース：**

* **フルスタックアプリの迅速な構築**：Questでアプリケーション要件を説明すると、AIがフロントエンドUIを自動生成し、Supabaseバックエンドを設定します。データベーステーブルの作成、認証フロー、ストレージ戦略を含みます。
* **データモデルの設計と検証**：IDE内のスキーマプレビューを使用して、AI生成のデータモデルが期待通りかをリアルタイムで確認し、調整してから開発を続行できます。
* **マルチ環境管理**：開発環境と本番環境のSupabaseプロジェクトに同時接続し、環境間のデータ構造を簡単に確認・比較できます。

<Warning>
  AI生成のデータベース操作（テーブル作成やスキーマ変更など）は接続済みのSupabaseプロジェクトに直接適用されます。本番環境への操作は、内容を慎重に確認してから実行してください。
</Warning>

<Note>
  * **認証セキュリティ**：認証プロセスはOAuthを使用しており、QoderはSupabaseのパスワードを保存しません。必要な組織とプロジェクトのみを認証し、最小権限の原則に従ってください。
  * **ネットワーク依存**：Supabase統合はSupabaseクラウドサービスへのアクセスにネットワーク接続が必要です。ネットワーク環境が正常であることを確認してください。
</Note>
