SuperAPI AI 工具集

nextjs-supabase-auth

编程与开发

查看项目

更新于 10-15 18:37

技能介绍

用途

该技能面向需要在 Next.js App Router 中集成 Supabase Auth 的开发者,提供认证集成的专家级指导。它关注服务端与客户端边界,以及如何在中间件、Server Components、Client Components 和 Server Actions 中正确处理认证。

主要能力

  • nextjs-auth
  • supabase-auth-nextjs
  • auth-middleware
  • auth-callback

核心原则

  • 使用 @supabase/ssr 进行 App Router 集成
  • 在中间件中处理令牌以保护路由
  • 避免不必要地向客户端暴露认证令牌
  • 尽可能使用 Server Actions 执行认证操作
  • 理解基于 Cookie 的会话流程

使用方式与模式

技能涵盖以下模式:

  • Supabase Client Setup:为不同上下文创建正确配置的 Supabase 客户端
  • Auth Middleware:在中间件中保护路由并刷新会话
  • Auth Callback Route:处理 OAuth 回调并将 code 交换为 session

适用场景

适用于在 Next.js App Router 项目中集成 Supabase Auth,包括登录、鉴权中间件、受保护路由以及 OAuth 回调等场景。

前置要求

  • nextjs-app-router
  • supabase-backend

反模式

  • ❌ 在 Server Components 中使用 getSession
  • ❌ 在客户端中使用认证状态但未添加监听器
  • ❌ 手动存储令牌

相关技能

可与 nextjs-app-router、supabase-backend 配合使用。

限制

资料未提供该技能的具体安装命令、收费方式、价格、平台支持范围或实际使用效果等信息。