跳到正文

你的 v0 界面就是设计稿。
下一步是 iPhone App。

v0 给你的是 Vercel 上的 Next.js 界面。AirBuild 的设计和工程 agent 一屏一屏读懂它们,用 iOS 控件重新做一遍。
同样的结构、文案和层级。

抢先体验,从候补名单中邀请。

ledger-studio.vercel.app/invoices

Vercel 从你的 GitHub 仓库部署

继续在 v0 里设计,AirBuild 可以自动把改动同步过来。

同样的页面,换成 iOS 控件。

示例:一个小工作室的发票管理。
  • 数据表格 List 可以左滑的行,下拉刷新
  • 对话框 Sheet 从底部升起,下滑关闭
  • 选项卡 分段控件 或者 Form 里一个选项卡一节
  • 命令菜单(⌘K) 搜索框 在列表顶部,像邮件 App 那样
  • 下拉菜单 Menu 从工具栏按钮弹出
  • 侧边栏导航 标签栏 三到五个标签
v0 界面的各个部分会变成什么。你设计的页面保留结构和文字,每个网页控件换成做同一件事的 iOS 控件。

v0 给了你什么。
一个网站,和设计稿。

v0 用 Next.js、Tailwind 和 shadcn/ui 生成代码,在浏览器里预览,部署到 Vercel:工作分支有预览部署,发布时更新带固定地址的生产部署。连上 GitHub 后,v0 往工作分支提交,开 pull request,发布时合并。

结果是一个网站,不管界面看起来多像 App。有些 v0 项目连了数据库或 API,有些还跑在占位数据上。两种都可以开始:后端留在原地,占位数据在你决定之前也可以继续是占位数据。

要带上什么。
只要链接。

  1. 你 v0 项目的部署地址,或它同步到的 GitHub 仓库。

阅读完整指南:v0 界面怎么做成原生 iOS App