メインコンテンツにスキップ

Lovable:バックエンドにSupabaseを統合

認証、ファイルストレージ、リアルタイム更新、エッジ関数を備えたPostgreSQLデータベースにアプリを接続しましょう

Supabase連携の概要

UIとデータベースを一か所で設計

LovableのネイティブなSupabase連携により、フロントエンドのUIとバックエンドのデータベースの両方を、使いやすい単一のチャットインターフェースから管理できます。つまり、Lovableを離れることなく、アプリの画面をデザインし、クラウド上のPostgreSQLデータベースをセットアップできます。この統合されたアプローチにより、強力なアプリ開発が誰にとっても身近なものになります。技術に詳しくないユーザーはLovableのガイドに頼ることができ、経験豊富な開発者は必要に応じてSupabaseの高度な機能を活用できます。

セットアップ不要のプロダクション対応バックエンド

SupabaseはFirebaseに代わるオープンソースの選択肢であり、リアルタイム機能、ユーザー認証、ファイルストレージ、サーバーレス関数を備えたホスト型のPostgreSQLデータベースを提供します。SupabaseをLovableアプリに接続することで、定型コードを書いたりサーバーを手動で設定したりすることなく、本番環境にすぐ使えるバックエンドを即座に手に入れられます。Supabaseの直感的なWebダッシュボードによりデータやユーザーの管理が容易になり、堅牢なSQL基盤のおかげでPostgreSQLデータベースの持つ性能とスケーラビリティをそのまま活用できます。

LovableのSupabase連携を使う理由

Lovableなら、フロントエンドのデザインとバックエンドのセットアップに別々のツールを使い分ける必要はありません。LovableのAIと対話するだけで、UIを構築しながら、その基盤となるデータベースやサーバー機能を自動的に作成できます。これにより、開発が速くなり、統合に伴う面倒も減ります。たとえば、Lovableに「ユーザーフィードバックフォームを追加して、回答をデータベースに保存して」と指示すると、LovableはフォームのUIを生成し、フィードバックを保存するSupabaseのテーブルをまとめてセットアップします。このシームレスなエンドツーエンド生成こそがLovableならではの強みであり、初心者でも複雑なアプリを構築でき、上級ユーザーはより速く作業を進められます。

主な機能

Supabase連携で利用できるようになる機能をご紹介します

データベース(PostgreSQL)

完全なSQLサポートで、アプリのデータを保存・クエリできます。Lovableはプロンプトに基づいて、必要なテーブルとスキーマを自動的に生成できます。

ユーザー認証

ユーザーのサインアップ、ログイン、アクセス制御を安全に管理できます。Lovableなら、シンプルなプロンプトで構築済みの認証フロー(メール/パスワードなど)をアプリに追加できます。

ファイルストレージ

Supabase Storageを使って画像やその他のファイルをアップロードし、配信できます。ユーザーのプロフィール写真やアップロード、アプリで扱うあらゆる静的メディアに最適です。

リアルタイム更新

Supabaseはリアルタイムのデータ変更をアプリにストリーミングできます。これにより、ライブチャットやアクティビティフィード、すべてのユーザーに即座に反映される共同編集ダッシュボードなどの機能を実現できます。

エッジ関数(サーバーレス)

Supabaseのインフラ上で、カスタムのバックエンドロジック(JavaScript/TypeScript)を実行できます。Lovableは、メール送信や決済処理、外部APIとの連携といったタスクのために、これらの関数を作成してデプロイします。

よくある質問