このページの内容

Awesome Supabase

Supabaseを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

目次

公式スターター

以下のスターターは @supabase/supabase-js v2 ライブラリをサポートします。

コミュニティ製スターター

  • Vuepabase - Pinia、Vue-router 4、Tailwind CSS、Vitest、Cypress などを備えた Vue3 Supabase スターター。
  • Supastarter - Next.js、認証、メールテンプレート、ランディングページ、ダッシュボード、ブログを備えた Supabase スターター。
  • RedwoodJS Supabase Quickstart - RedwoodJS を使う Supabase Quickstart のサンプルアプリ。
  • Basejump - チーム、個人アカウント、招待、Tailwind、i18n を備えたオープンソース Next.js スターター。スキーマは完全にテスト済み。
  • Supanext - AI アプリの例、認証、課金、設定、ランディングページ、ブログなどを含む Next.js 対応 Supabase スターター。
  • SupaSasS Lite - オープンソースの Next.js SasS テンプレート(2FA とサンプルアプリ付き)。
  • SupaSocial - 認証、友達リクエスト、プロフィール画像、サンプルアプリ(プロフィール、友達、サインイン、リーダーボードなど)を備えた React ソーシャルメディアスターター。
  • Extro - オープンソースのブラウザー拡張機能スターターキット。

データ移行ツール

  • Supabase Schema - この便利なツールで SQL スクリプトとデータベース図を生成。機密情報は不要で、プロジェクト URL と匿名キーだけを使用します。
  • Heroku to Supabase Importer - Heroku はまもなく無料枠のサポートを終了するため、プロジェクトで引き続き利用したい PostgreSQL DB がある場合、Supabase への移行は良い選択です。このツールで簡単に移行できます。この移行プロセスには動画付きのガイドもあります。
  • Supabase DB to Google Sheets - Supabase データを Google Sheets へ取り込むツール。
  • Retool REST API data generator - PostgresDB に挿入する構造化データを生成するツール。
  • Lovable Cloud to Supabase Exporter - パスワードリセットや手作業の CSV 処理なしに、Lovable Cloud のテーブル、ユーザー、ストレージを自分の Supabase バックエンドへ移行。

Supabase DX ツール

  • Supabase CLI - Supabase CLI は、ローカルでのプロジェクト開発と Supabase Platform へのデプロイのためのツールを提供。
  • Supabase SQL - よくある用途の SQL スクリプトを、コピー&ペースト向けに容易に検索。
  • Supabase Plus - 通常の Supabase CLI の可能性を超えて Supabase プロジェクトを管理するための追加ツールセット。

コミュニティツール

  • MadeWithSupabase - Supabase で作られたプロジェクトを探索するアプリ。使われている Supabase 機能やユーザー付与のタグ、特定の暦月に投稿されたプロジェクトから検索できます。
  • Octokit-lite - 複数リポジトリに対する一般的な GitHub 操作を効率よく実行するアプリ。Supabase Auth と DB を使用。
  • Generate Supabase Database Types GitHub Action - Supabase データベースに基づく型を生成する GitHub Action。
  • Supabase Cache Helpers - Supabase を扱うためのフレームワーク固有 Cache ユーティリティ集。
  • PostgreSQL WebAssembly by Snaplet and Supabase - ブラウザーで PostgreSQL を実行するツール。
  • Bemi for Supabase JS - 自動データ変更追跡のためのオープンソースプラットフォーム。
  • Supabase automated self host - Caddy と Authelia を使って Supabase をセルフホスト。スクリプトを 1 つ実行するだけです。
  • Edge Worker - Supabase Edge Functions(Background Tasks)と Supabase Queues 上で動作するオープンソースのサーバーレスタスクキューワーカー。キュー消費を簡単にし、並行性制御、再試行、オブザーバビリティなどの機能を追加します。
  • Supabase DataFlows SMS Hook - DataFlows SMS API で電話 OTP 検証を送信。Supabase Auth 向けの Twilio のオーストラリア代替。
  • Pharos AI - インタラクティブマップ、OSINT フィード、AI を活用した要約を備える、地政学的紛争追跡向けオープンソースのリアルタイムインテリジェンスダッシュボード。

オンラインコース

動画、ポッドキャスト、ライブ配信、トーク

統合ガイド

  • Firebase to Supabase - Auth、Firestore、Storage、Functions など Firebase の各コンポーネントから Supabase への移行ガイド集。
  • How to Manage Your Supabase Database with Directus - Directus Studio はノーコードアプリを通じてデータベース内容を閲覧、管理、可視化する手段を提供。このガイドは Supabase と Directus の設定方法を示します。
  • Supabase admin panel tutorial with Retool - Retool はチームが内部ツールを素早く構築するのを支援。Retool と Supabase で管理パネルを設定する方法を学びます。
  • Set up a monorepo with Supabase and Turborepo - 3 つの Next.js アプリ、Preact ウィジェット、React Native アプリ、2 つの Fastify サーバーを単一リポジトリから提供し、同じ Supabase インスタンスと通信する、turborepo 駆動の pnpm モノレポへコードベースを移行する方法を解説。
  • How to Implement RBAC (Role-Based Access Control) in Supabase - Permit.io を使って Supabase アプリケーションへロールベースアクセス制御(RBAC)認可を実装する方法を学びます。
  • Integrate Clerk with Supabase - RLS ポリシーを含め、Supabase の認証プロバイダーとして Clerk を使う公式ガイド。

その他の興味深い記事