SuperAPI AI 工具集

supabase-architecture-variants

前端与建站

查看项目

更新于 10-15 23:30

技能介绍

用途:帮助开发者在特定技术栈中决定如何集成 Supabase,提供五种生产级架构模式:Next.js SSR、SPA、移动端、Serverless Edge Functions 与多租户隔离。核心判断依据是客户端运行位置(浏览器还是服务器)与所用密钥(anon 遵循 RLS,service_role 绕过 RLS)。

主要能力:给出各架构的客户端配置、密钥与会话存储对照;Next.js App Router 的服务器客户端(基于 @supabase/ssr 读写 cookie)、浏览器客户端与仅限服务端的 admin 客户端;SPA 单例客户端与 React Query、认证状态监听;React Native 的 AsyncStorage 与深链 OAuth;Edge Functions 的按请求客户端与权限提升;多租户的 RLS 隔离或 schema-per-tenant。

使用方式:先按目标栈选择架构,再按对应步骤配置客户端。前置条件包括 @supabase/supabase-js v2+、Next.js SSR 需 @supabase/ssr v0.5+、Supabase 项目的 URL/anon key/service_role key、TypeScript 数据库类型(supabase gen types typescript),移动端需 React Native 与 Expo 或裸工作流。

限制与注意:service_role key 绝不能进入浏览器包,勿加 NEXT_PUBLIC_ 前缀;多租户需启用 RLS 并校验 tenant_members;Edge Function 需转发用户 JWT;移动端需配置 AsyncStorage 与深链 scheme。资料未提供具体收费、价格与效果数据。