Coderblock

Coderblock 推出全新全栈模板,助你更快构建应用

Coderblock 提供一系列开箱即用的产品模板,让你通过自然语言对话构建真正的全栈 Web 应用。从经过验证的基础架构出发,只需描述需求,即可自定义前端、后端、数据库、身份验证、支付等功能。

1 min

更快开启全栈应用开发

Coderblock 推出了一系列全新的全栈产品模板,为每一位希望将创意转化为可运行 Web 应用的用户提供实用起点。模板涵盖多种产品类型,包括在线商店、预约平台、数据看板、健康应用和游戏,以及使用 Three.js 构建的 3D 体验。

这些模板并非只有视觉效果的原型或页面模板。每个模板都为真正可用的应用提供基础架构,可包含前端、后端逻辑、数据库、身份验证、存储和生产环境部署。

用户可以选择一个模板,立即通过自然语言对话开始开发。无需手动配置通用代码库,只要告诉 Coderblock 自己的需求,即可让它调整产品。

例如:

  • “把这个预约平台改成面向语言教师的课程排期工具。”
  • “添加客户看板,显示即将开始和已经结束的预约。”
  • “让导航栏固定在页面顶部,并添加移动端菜单。”
  • “创建用于管理预约和用户角色的管理员视图。”
  • “让客户每月支付 9.99 欧元。”

当 AI 应用用户要求的更改时,位于 <app>.coderblock.dev 的实时开发预览会同步更新,让用户可以通过快速反馈循环轻松测试和完善应用。

不只是页面模板,而是产品模板

传统网站模板通常只提供首页、几个可复用区块和一套视觉风格,仍需另外连接后端。相比之下,Coderblock 的产品模板专为全栈应用而设计。 对于标准 Web 应用,Coderblock 使用 React、Vite、TypeScript 和 Tailwind CSS 生成前端。每个应用都运行在独立的 Supabase 项目中,并配备 Postgres、Supabase Auth、Storage、行级安全策略和 Deno Edge Functions。

这意味着模板不再只是视觉参考,而是可直接作为实际产品的开发起点。随着应用不断演进,AI 智能体可以设计并迁移数据库架构。数据表、已验证用户、存储空间和函数都可以在编辑器的后端选项卡中访问。 每个应用从一开始还会包含用户资料表和基础角色结构。当用户要求添加登录和账户功能时,智能体可以配置注册与登录页面、会话管理、受保护路由,以及与已验证用户关联的行级安全策略。用户也可以根据需要添加社交账号登录。

对于企业级 Web Platform 项目,Coderblock 使用 Python 和 FastAPI,并搭配 Neon Postgres 数据库。

通过对话调整任意模板

这些模板旨在减少前期工作量,同时不限制产品未来的发展空间。 选择起点后,用户可以继续使用贯穿 Coderblock 的对话式工作流程进行开发。

例如,预约模板可以改造成适用于美容院、顾问、教练、诊所或租赁企业的应用。用户可以让智能体修改数据模型、用户体验、角色、预约规则和管理工具。 同样,在线商店模板也可以围绕特定商品目录、结账流程和客户账户需求进行定制。

因此,模板在产品探索初期尤其有用。创始人可以快速验证想法,代理机构可以为客户创建定制的初始版本,产品团队也可以将不断变化的需求转化为可运行的应用,向利益相关者展示。 所有修改都具体明确,并可通过对话完成。用户可以要求创建新的数据库表、更改数据看板布局、添加受保护的管理区域,或完善现有流程,无需手动协调彼此独立的前端和后端任务。

使用开箱即用的功能扩展产品

除了产品模板,Coderblock 还提供一系列功能模板,涵盖支付、身份验证、购物车、聊天和管理面板等常见能力。 两类模板的用途不同:

  • **产品模板:**提供应用的整体结构。
  • **功能模板:**为现有产品添加特定功能。

例如,Stripe 支付可以直接通过对话完成配置。默认情况下,智能体只需询问国家和企业名称等几个简单问题,即可为项目创建托管的 Stripe 账户。整个过程不需要 API 密钥,支付 webhook 也由 Coderblock 管理。 希望使用自有 Stripe 账户的用户则可以选择 BYOK 方式。在这种情况下,智能体会通过安全的环境变量提示请求 STRIPE_SECRET_KEY,将其存储在服务器端,并自动注册 webhook。

在两种模式下,智能体都可以配置产品、价格、结账流程,以及所需的前后端集成。项目可以先在测试模式下运行,再切换至正式支付。应用还可以通过 Coderblock AI Gateway 集成 AI 功能;该服务提供兼容 OpenAI 的接口、每个项目一个 API 密钥,以及按用量计费的模式。

从模板到正式发布的产品

应用的开发不会止步于首次生成。完成模板定制并在实时预览中测试应用后,只需单击一下,即可将项目发布至 <app>.coderblock.app,并自动启用 SSL。

后续版本可以通过快速热更新进行部署,帮助团队在产品首次发布后持续改进。 Coderblock 也支持自定义域名。用户可以前往设置 → 域名,按照引导式 DNS 配置说明连接已有域名;也可以直接通过 Coderblock 购买域名,由平台自动处理结账、DNS 和 SSL。

模板是起点,而不是限制

这些新模板是 Coderblock 对话式软件开发理念的一部分。 你可以从产品模板开始,选择某项特定功能,也可以从零描述一个全新的应用。无论采用哪种方式,工作流程都保持一致:描述你想构建的产品、查看生成结果,再通过对话不断完善。 这些模板的目的不是提供一个预先定义好的产品,而是省去那些经常拖慢创意落地为可用应用的前期工作。

从坚实基础开始,自由定制,打造真正属于你的产品。

立即在 Coderblock 上开始构建