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

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

相关推荐
wespaul2 小时前
VeapAI 自然语言操作实战|第 05 篇:向量与召回——从知识条目到可检索资产
大数据·数据库·人工智能·milvus
一只鹿鹿鹿7 小时前
政务外网整体设计方案(PPT)
大数据·数据库·web安全·系统安全·流程图·政务
2603_965148118 小时前
社区与学习资源:从入门到精通的API选品学习路径
数据库·人工智能·python·学习·数据挖掘
AI砖家8 小时前
安全进入 Agent Loop:2027 年 Coding Agent 的决胜点
数据库·安全·codex·vibecoding
wangqiaowq8 小时前
SQL server C盘空间占满的处理
数据库·sql
文人sec8 小时前
SQL基础入门笔记 | 从零基础到掌握核心查询语句
数据库·笔记·sql
数字新视界8 小时前
机房动环监控提升运维效率
大数据·服务器·数据库·动环监控系统·动力与环境监控系统
SelectDB技术团队8 小时前
冷热分层从建到验:Storage Policy 创建、表级与分区级绑定、SHOW TABLETS 验证的完整命令
大数据·数据库·elasticsearch·搜索引擎·数据分析·apache doris·冷热分层
lambo mercy10 小时前
Day3:结构化输出
java·数据库·oracle
派小心.10 小时前
小程序分享链路中来源参数的传递校验
大数据·前端·数据库·人工智能·小程序·数据分析