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

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

相关推荐
SelectDB5 小时前
冷查第一,再登榜首!Apache Doris 3.1 全面刷新 JSONBench 性能纪录
数据库·apache
wei_shuo5 小时前
智能运维×低资源占用:金仓数据库助力能源企业降本增效与国产化替换实践
运维·数据库·king base
nvd115 小时前
GKE连接私有Cloud SQL疑难问题排查实录
数据库·sql
Dev7z5 小时前
MySQL 错误 1046 (3D000) 是因为在执行 SQL 语句时 没有选择当前数据库
数据库·sql·mysql
wangchen_06 小时前
MySQL表的查询
数据库·mysql
倔强的石头_7 小时前
金仓KES:玩转“五位一体”融合架构,轻松驾驭数字时代
数据库
沐浴露z7 小时前
详细解析 MySQL 性能优化之【索引下推】
数据库·mysql·性能优化
多情刀客无情刀7 小时前
目录名在状态信息被获取之前改变了
数据库·postgresql
pale_moonlight7 小时前
五、Hbase基于环境搭建
linux·数据库·hbase
Elastic 中国社区官方博客7 小时前
Elasticsearch:相关性在 AI 代理上下文工程中的影响
大数据·数据库·人工智能·elasticsearch·搜索引擎·ai·全文检索