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

149 阅读1分钟

大家好,我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用并且小于5M只需几分钟,官网地址:pakeplus.com

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

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

安装依赖

在nextjs中安装依赖:

pnpm install @supabase/supabase-js

创建数据库

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

需要配置权限:

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

获取数据

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

获取supabase的api地址和apikey:

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

大家好,我是1024小神,技术群 / 私活群 / 股票群 或 交朋友 都可以私信我。 如果你觉得本文有用,一键三连 (点赞、评论、关注),就是对我最大的支持~