为已有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:

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

相关推荐
字节跳动开源6 小时前
OpenViking 上线原生 3D 内容理解模型
数据库·开源
CCIE-Yasuo8 小时前
网络安全-学习数据库-Mysql-2
数据库·学习·mysql
这个DBA有点耶8 小时前
内核级AI与多模融合:AI数据库在海外场景的落地要点
数据库·人工智能·架构
涛思数据(TDengine)8 小时前
从工业本体到 AI 原生:TDengine 出席 2026 QCon 分享工业数据基础设施路径
大数据·数据库·人工智能·tdengine·工业
Jesse_EC8 小时前
换乘次数最少的路径 SQL 查询详解与实战经验——从 WITH RECURSIVE 到 pgRouting
数据库·postgresql
工控丫丫8 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
这个DBA有点耶9 小时前
云数据库半夜卡顿,CPU才30%?深挖云盘IOPS突发限制与内核挂起机制
数据库·mysql·云原生
无言听风雨丶11 小时前
Redis 运维实战与排错
运维·数据库·redis
小天源12 小时前
智叟云集系统 · 架构与职责分层
服务器·前端·数据库
herinspace13 小时前
管家婆实用贴-SQL 2008如何修改成混合模式
服务器·数据库·sql·管家婆软件·财务软件·合肥管家婆软件