Typefully
@tisoga
Log in
从零开始 AI 编程系列:如何基于 Devv Builder 和 Lovable 创建个人博客系统
Share
•
10 months ago
•
View on X
从零开始 AI 编程系列:如何基于 Devv Builder 和 Lovable 创建个人博客系统 今天的项目主要介绍如何利用 Devv 和 Lovable 来创建一个功能完备的个人博客平台,无需编写代码,也不用管部署等繁琐的环节。 仅需要了解一些基础的开发概念(例如前后端、数据库、API 等)。 让我们直接开始 👇🏻
首先来介绍一下 Devv Builder Devv 是一款 AI 驱动的后端开发平台,用户只需用自然语言描述需求,即可分钟级生成生产就绪的 API 和云架构,自动完成编码、部署及安全配置,让开发者专注创新。 后端版本的 v0 / bolt / lovable。 目前还在内测阶段,欢迎留言 or 私信获取内测资格。
举个例子: 你想做个带用户注册、支付功能的 App,过去得花几周时间写代码、买服务器、搞安全设置,现在只要对 Devv 说:“做个用户登录系统,用手机号注册,对接支付宝支付,每秒能扛住1万人同时下单”,它立马生成可用的 API 服务,自动配置好数据库、防火墙和性能监控,直接塞进你的 App 里就能用。
一、构建后端 API 首先,我们先使用 Devv 来创建一个后端的 API,输入的 Prompt 如下:
在 Devv 中输入上面的 Prompt,然后就可以开始构建了。
二、连接数据库 这里我们使用 Supabase 作为博客后端的数据库,首先我们现在 Supabase 中创建一个新的 Project。 创建完了就可以在 Devv 上连接到 Supabase 了。
三、运行 SQL 创建对应的数据库表 点击 Devv 升成的 SQL,即可直接在 Supabase 中执行并创建对应的表结构。
四、测试 API 接口 连接好数据库之后,我们就可以来测试一下后端的 API 是否 work 了,点击到 Playground Tab 中,可以看到已经生成了几个对应的 API 接口请求。 Playground 是一个类似 Postman 的接口测试工具。 例如这里我们测试 admin 用户登录,可以成功获取到登录后的 token。
使用上面生成的用户 Token 作为鉴权,来测试一下其他的几个接口。
再来测试一下评论相关的接口。
发现了一个 bug,我们创建了评论之后,并没有在 Get All Posts 这个接口中展示对应的评论内容,直接让 Devv 修复一下这个问题。
OK,现在整个后端服务就创建完毕了,我们可以把这个服务直接部署到线上,并生成对应的 API 文档。 现在可以基于这个后端系统来创建前端 or 客户端的 App 了,这里我们仅演示使用 Lovable 来构建前端的应用。 当然也可以本地使用 Cursor 基于这个 API 来创建 App。
lovable.dev
是一个用来创建前端 App 的平台,可以通过 prompt 来创建对应的前端 App。
五、创建前端 App 我们直接复制对应的 API Doc,然后让 Lovable 基于这个 API 创建一个前端的博客系统。 简单调试了一下 UI,中间步骤直接省略了。
最终的博客系统可以在以下地址直接访问:
tranquil-post-space.lovable.app/
现在一个最基础的个人博客平台就已经搭建完毕,整体前后端用时大概不到 30min。 后续还可以在这个基础上扩展更多的功能,例如: - 接入 DeepSeek V3/R1 来根据提示自动生成博客的内容 - 接入邮件系统,发布博客文章之后自动向订阅用户发送邮件 - 支持上传图片、多级评论等
这是「从零开始 AI 编程」系列第一篇,后面会继续使用这样的形式带大家实际 build 一些产品。 另外本篇文章中提到的 Devv Builder 还在内测中,首批内测用户已经发放了对应的资格,请查收一下邮件。 另外想要内测的用户可以评论 or 私信,我会手动 onboarding。