Coderblock

Coderblock 现已支持一键生产环境部署

Coderblock 用户现在只需单击一下,即可将全栈 Web 应用从开发预览部署到生产环境。发布后可获得启用 SSL 的 coderblock.app 地址,并支持自定义域名和快速后续更新。

1 min

一键从对话走向生产环境

Coderblock 正式推出一键生产环境部署,让你可以更轻松地将在对话中构建和完善的应用变成可供分享的线上产品。

开发期间,每个项目都可以通过 <app>.coderblock.dev 地址实时预览。应用准备就绪后,只需选择发布,即可在专属的 <app>.coderblock.app 地址上创建生产版本,并自动启用 SSL。 你还可以直接为项目绑定自定义域名。

从构思到上线,整个流程无缝衔接,无需导出应用、手动配置托管服务,也不必单独搭建部署基础设施。

从创意到应用发布

在 Coderblock 中,你可以从自然语言描述、产品模板或现有项目开始创建应用。 AI 会生成应用,并允许你通过对话继续修改。例如,你可以提出:

  • “添加登录功能,并保护账户页面。”
  • “创建一个管理后台。”
  • “添加一张预订数据表。”
  • “让客户可以按月订阅付费。”
  • “优化管理后台在移动端的布局。”

在整个过程中,你都可以通过实时预览查看每项改动。确认结果符合项目要求后,选择发布,即可将最新批准的版本部署到生产环境。

无需切换到外部部署服务,也不必手动重建应用的基础设施。 项目的每个阶段都在同一个 Coderblock 环境中完成,包括创建、开发、测试和发布

真正的全栈部署

部署并不局限于前端界面。 Coderblock 应用可以包含真正的后端、数据库、身份验证、存储和服务端函数。对于标准 Web 应用,前端采用 React、Vite、TypeScript 和 Tailwind CSS;每个项目还拥有独立的 Supabase 环境,包含 Postgres、Auth、Storage、Row Level Security 和 Deno Edge Functions。

因此,你发布的不再只是静态页面或视觉原型,而是能够运行真实数据与业务逻辑的应用。

例如,一款预订应用可以包含:

  • 用户账户和身份验证;
  • 持久化的可用时段与预订数据;
  • 角色和权限;
  • 管理后台;
  • 受 Row Level Security 保护的数据;
  • 后端函数;
  • 支付和订阅。

发布前,你可以在 Backend 标签页中检查项目资源,包括数据表、已验证用户、存储和函数。

使用你自己的域名发布

每个已发布的应用都会自动获得一个 <app>.coderblock.app 生产环境地址。 如果希望打造更具辨识度的品牌形象,Coderblock 还支持自定义域名。 在设置 → 域名中,你可以:

绑定现有域名

如果你已经拥有域名,可以按照引导式 DNS 配置说明将其绑定到项目。

直接通过 Coderblock 购买域名

你也可以直接在平台内购买新域名。在这种情况下,结账、DNS 配置和 SSL 均由 Coderblock 直接处理。 无论采用哪种方式,发布时都会包含 SSL 证书。

上线后继续构建

部署并不意味着开发过程就此结束。 应用发布后,你仍可返回项目,通过对话继续修改。 例如,你可以提出:

“在管理后台添加日期筛选器。”

或者:

“在用户资料中添加手机号码字段。”

你可以先在开发预览中再次检查改动,然后再发布。 后续版本将使用热更新,让批准的改动快速进入生产环境,无需每次都手动重复完整的部署流程。 由此形成一个简单的工作流: 构建 → 预览 → 测试 → 发布 → 迭代

从对话到真正上线的应用

一键部署补齐了 Coderblock 核心工作流的最后一环。 我们的目标不只是帮助你生成代码或创建原型,而是让你在同一个工作空间内,从描述创意一路走到真正发布应用。 你可以从零开始,也可以使用模板,通过对话构建产品,在实时预览中完成测试,并在准备就绪后发布。

一个创意。一段对话。一个真正上线的应用。

立即在 Coderblock 上开始构建