为已有nextjs项目添加supabase数据库,不再需要冗余后端

Supabase 是一个开源的 Firebase 替代品,使用 PostgreSQL 数据库构建的后端即服务(BaaS)平台。不用担心权限问题,也不用担心数据库被乱窜改,因为这一些都在supabase的预料之内,通过权限控制,可以控制每个用户修改开源地址:https://github.com/supabase/supabase,官网地址:https://supabase.com/

如何为已有nextjs项目集成supabase服务,安装依赖,创建一个数据表,然后添加几个假数据,配置环境,创建supabase客户端,发送查询请求,就可以获取到数据库中的数据了。

安装依赖

在nextjs中安装依赖:

复制代码
pnpm install @supabase/supabase-js

创建数据库

登陆supabase后台,先创建一个项目,然后创建数据库表,并添加一条假数据

需要配置权限:

添加一个select权限:(不然有可能查询到的是空)

获取数据

在next中创建一个supabase客户端:

获取supabase的api地址和apikey:

然后放到本地项目的环境变量中:

相关推荐
Baron X1 分钟前
Redis 7.0.9 完整部署指南
数据库·redis
weixin_440730504 分钟前
数据库缓存、索引、缓存命中率的理解
数据库·缓存
DeepAgent33 分钟前
AI Agent 工程实践(34):企业 AI Agent 架构
数据库·人工智能·agent
致Great1 小时前
Qwen3.8-Flash 发布:6B 激活,Qwen4 架构提前亮相
数据库·架构
张文君1 小时前
ubuntu26.04从ext4改成raid1+lvm启动
数据库·postgresql
鲨鱼辣钊2 小时前
FastAPI筑基_Day15_Alembic数据库迁移实战
数据库·elasticsearch·fastapi
叫我:松哥2 小时前
基于Flask的教师评教管理系统,支持学生和教师两种角色登录
数据库·后端·python·数据挖掘·flask
Tisfy2 小时前
LeetCode 3720.大于目标字符串的最小字典序排列:状态机 —— :从左往右枚举,失败则退回(最多退回一次)
linux·数据库·leetcode·字符串·状态机·构造
csdn_aspnet2 小时前
mysql 函数、存储过程写法及示例
数据库·mysql·存储过程·函数·function·procedure
IvorySQL2 小时前
倒计时 6 天!PGConf.Asia 2026 演讲征集即将截止
数据库·人工智能·postgresql