あなたの v0 画面がデザインになる。
次は iPhone アプリへ。
v0 で作られるのは Vercel 上の Next.js 画面です。AirBuild のデザインとエンジニアリングのエージェントが画面ごとに読み取り、iOS のコントロールでもう一度作ります。
同じ構造、同じコピー、同じ階層。
ウェイティングリストからの招待による早期アクセスです。
Vercel GitHub リポジトリからデプロイ
v0 でそのままデザインを続けられます。AirBuild は変更を自動で同期できます。
同じ画面を、iOS のコントロールで。
- データテーブル リスト スワイプでき、引っ張って更新できる行
- ダイアログ シート 下から表示され、下へスワイプすると閉じる
- タブ セグメントコントロール またはタブごとに 1 つの Form セクション
- コマンドメニュー (⌘K) 検索フィールド Mail と同じくリスト上部に配置
- ドロップダウンメニュー メニュー ツールバーボタンから表示
- サイドバーナビゲーション タブバー 3〜5 個のタブ
v0 で得られるもの。
ウェブサイトと、そのデザイン。
v0 は Next.js、Tailwind、shadcn/ui でコードを生成し、ブラウザでプレビューして Vercel にデプロイします。作業中のブランチにはプレビューデプロイ、公開時には安定した URL の本番デプロイが作られます。GitHub を接続すると、v0 が作業ブランチにコミットし、プルリクエストを開き、公開時にマージします。
画面がどれほどアプリらしく見えても、できあがるものはウェブサイトです。データベースや API に接続する v0 プロジェクトもあれば、まだプレースホルダーデータで動くものもあります。どちらからでも始められます。バックエンドは今ある場所に残り、プレースホルダーは判断するまでそのままにできます。
