Bolt+Supabase:AI全栈

每次构建一个应用时,我们通常会首先考虑实现最核心的功能。
一旦核心功能完成,接下来就需要处理基础部分——数据库、用户管理、认证和授权。今天,我们将演示如何使用Supabase在Bolt应用中添加数据存储、用户账户创建(登陆)功能,并确保每个用户只能访问自己的数据。

Supabase是什么

Supabase是一个开源的后端即服务(BaaS)平台。被称为Firebase的替代品,它于2020年正式发布后迅速流行起来。它的核心目标是简化后端开发流程,尤其适合初创团队和个人开发者快速构建应用。
Supabase的价值在于它让你可以专注于业务逻辑的实现,而不是花时间在搭建基础设施和编写重复的CRUD代码上。
Supabase将强大的PostgreSQL数据库与自动生成的API相结合,帮助开发者无需编写后端代码即可轻松实现数据操作和用户认证功能。此外,Supabase还提供数据库管理、实时数据同步(通过WebSocket)、文件存储,以及边缘节点服务等功能。
因为它是开源项目而且服务在国外你也可以自己部署。在国外像Supabase这样的BaaS已经流行很久了。
前端对接的Supabase代码都在Supabase的文档里提供了。
多的就不说,都用上Cursor、Bolt了,再使用BaaS这些快速的工具更有利于你独立开发的进程。

如何用bolt结合Supabase实现登录及数据库链接操作

使用supabase的免费计划即可

使用supabase和传统后端的一些区别:

将需要链接supabase的任务提示词告诉给AI:

1
2
3
4
5
6
Let's add authorization and storing data in Supabase:
1. lf the user is not logged in, they shouldn't see the mainapp Ul
2. Auth will be based on username password
3.Provide me with the query for creating the databasetable
4. Store sensitive config in the .env file
5. Do youneed anything from me?

在AI编写完代码后,把生成的查询放到supabase的SQL编辑里运行一下:

可以看到这张表已经创建好了。

然后我们把supabase的链接给bolt.new,就可以让它完成其他的一些与supabase的编码工作。

在supabase的身份验证里可以把注册需要验证电子邮件取消掉。

剩下的就是不断调试的过程了。

来自公众号:AI进修生