Trae+supabase:四小时打造一个拥有前后端完整功能的社区论坛系统

今天花了半天的时间,完成了一个社区论坛系统,包括完整的前后端功能,从用户登录到发布帖子等一系列的全后端功能,全部由AI生成。

先来看看效果:

如果感兴趣,可直接访问体验:

traehushu9bzz-mmteen-6482-teens-projects-9c76f31c.vercel.app

使用的技术栈:Nuxt3 + Supabase

简单介绍一下Supabase:

1、Supabase是以 PostgreSQL 作为底层数据库,具备强大的关系数据库管理能力,支持复杂查询、事务处理和良好的扩展性

2、内置多种登录认证方式,支持包括密码、魔法链接、一次性密码(OTP)、社交登录和单点登录(SSO)等,开箱就可以使用,省去重复的工作,专注业务

3、提供对象存储解决方案,可直接上传图片、视频等各类文件

4、实时交互功能:例如一款多人协作的在线文档工具,需支持多用户同时编辑时的内容同步。开发者利用 Supabase 的实时功能,让所有打开同一文档的客户端订阅documents表中该文档的变更。当用户 A 修改文档内容(触发UPDATE操作),其他用户的客户端会实时收到变更数据并更新界面;同时,通过 "用户状态同步" 功能,显示当前在线编辑的用户列表(如 "张三正在编辑第 3 段"),避免编辑冲突。

5、自动生成RESTful API:当用户在Supabase键好表以后,会自动生成对应的增删改查接口。

Supabase是一个开源的项目

地址:github.com/supabase/su...

也可以使用Supabase提供的云服务:

使用提供云服务还是很划算的

下面开始讲解使用Trae开发的整个过程,我使用的是Trae的SOLO模式

提示词:

Trae分析需求以后,列出了10个任务列表,确认后开始执行

等待了大概20分钟左右,全部任务执行完成

但是启动项目查看的时候,发生了各种错误,于是便把错误详情粘贴到AI对话中让它修复,经过反复的调试,终于正常运行起来。

第一版的效果还算是可以,但是不太符合我的审美,于是让他反复改了一些

开发完成后让他部署项目:

通过给出的预览地址,可以完美访问开发的项目。

升级云服务的专业版本后,还可以自定义自己的域名

整个项目开发包括部署大概用了4个小时,如果是程序员来开发,会花多少时间呢?

即使用AI来辅助开发,不用supabase来集成后端,那也是相当费时间的。就目前的AI成熟度来说,直接用AI来开发譬如java等后端服务,各种环境配置以及数据库配置,那是极其有难度且很不稳定的。

最后,个人认为在AI编程的趋势下,后端即服务(BaaS)平台将会是未来软件开发的一个新趋势,在该模式下,可以更好的节省成本,快速开发出来一个最小可行性的MVP产品来验证市场。

相关推荐
山东云弈创峰科技11 小时前
山东云弈创峰:基于多模态AI的跨境供应链数字化重构
人工智能·重构
智慧景区与市集主理人11 小时前
巨有科技乡村农文旅智慧建设|适配乡村短板,打造轻量长效数字业态
人工智能·科技
甲维斯11 小时前
马斯克Grok4.5太会了!狙击GPT5.6,贴脸Opus4.8!
人工智能·ai编程
雪碧聊技术11 小时前
Badge 应用场景与落地实践指南
大数据·人工智能
ai产品老杨12 小时前
NVIDIA GPU部署AI视频分析项目实战记录
人工智能·音视频
LL3344556713 小时前
创业自动化平台怎么选
大数据·人工智能
OceanBase数据库官方博客14 小时前
OceanBase AI 时代,数据库的变与不变(技术解析与实践)
数据库·人工智能·oceanbase
冬奇Lab14 小时前
MCP 系列(01):MCP 是什么——为什么 Function Calling 不够
人工智能·llm·mcp
冬奇Lab14 小时前
每日一个开源项目(第154篇):Warp - 从‘好看的终端‘到 Agentic 开发环境
人工智能·rust·llm
ZZZMMM.zip14 小时前
基于鸿蒙HarmonyOS NEXT开发AI股票分析应用:智能投资新体验与鸿蒙Flutter框架跨端实践
人工智能·flutter·华为·harmonyos·鸿蒙