在 Next.js 中使用 Supabase 认证
学习如何为 Next.js App Router 配置 Supabase 认证
1
SQL_EDITOR
1select * from auth.users;
2
创建Next.js应用
使用 create-next-app
命令和 with-supabase
模板创建一个预配置好的Next.js应用,包含:
Terminal
1npx create-next-app -e with-supabase
3
配置Supabase环境变量
将 .env.example
重命名为 .env.local
并填入您项目的URL和Anon Key。
.env.local
12NEXT_PUBLIC_SUPABASE_URL=your-project-url NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
4
启动应用
启动开发服务器,在浏览器中访问 http://localhost:3000,您应该能看到 app/page.tsx
的内容。
要注册新用户,请访问 http://localhost:3000/sign-up 并点击 Sign up
。注意:必须先重命名.env.example为.env.local才能访问此路由
Terminal
1npm run dev
了解更多
- 为Next.js设置服务端认证 - Next.js深度指南
- Supabase认证文档 - 了解更多Supabase认证方法