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

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

相关推荐
wb1894 分钟前
NoSQL数据库Redis集群重习
数据库·redis·笔记·云计算·nosql
许杰小刀4 分钟前
MyBatis-Plus实战:Spring Boot数据库操作效率提升10倍
数据库·spring boot·mybatis
Navicat中国6 分钟前
Navicat 结构同步:一键解决多库结构不一致难题
数据库·navicat·结构同步
薿夜31 分钟前
SpringSecurity(二)
数据库
Francek Chen1 小时前
【大数据存储与管理】NoSQL数据库:01 NoSQL简介
大数据·数据库·分布式·nosql
Database_Cool_1 小时前
【无标题】
数据库·阿里云·ai
isNotNullX1 小时前
BI如何落地?BI平台如何搭建?
大数据·数据库·人工智能
Shely20172 小时前
单表查询
数据库
5G丶2 小时前
ThinkPHP 集群部署完整指南
数据库·php