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

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