본문으로 건너뛰기

내 v0 화면이 디자인입니다.
다음은 iPhone 앱입니다.

v0는 Vercel에 Next.js 화면을 만듭니다. AirBuild의 디자인 및 개발 에이전트가 화면을 하나씩 읽고 iOS 컨트롤로 다시 만듭니다.
같은 구조, 같은 문구, 같은 위계.

대기자 명단 초대를 통한 얼리 액세스입니다.

ledger-studio.vercel.app/invoices

Vercel GitHub 저장소에서 배포

v0에서 계속 디자인하세요. AirBuild가 변경 사항을 자동으로 동기화할 수 있습니다.

같은 화면, iOS 컨트롤.

예시: 소규모 스튜디오의 청구서 관리.
  • 데이터 표 목록 쓸어 넘길 수 있는 행, 당겨서 새로고침
  • 대화상자 시트 아래에서 올라오고 아래로 쓸어내려 닫기
  • 탭 분할 컨트롤 또는 탭마다 Form 섹션 하나
  • 명령 메뉴 (⌘K) 검색 필드 Mail처럼 목록 상단에 표시
  • 드롭다운 메뉴 메뉴 도구 막대 버튼에서 열기
  • 사이드바 탐색 탭 막대 탭 3개에서 5개
v0 화면의 각 요소가 무엇으로 바뀌는지 보여줍니다. 디자인한 페이지의 구조와 문구는 유지되고, 각 웹 컨트롤은 같은 일을 하는 iOS 컨트롤로 바뀝니다.

v0가 제공하는 것.
웹사이트와 디자인.

v0는 Next.js, Tailwind, shadcn/ui로 코드를 생성하고 브라우저에서 미리 보여준 뒤 Vercel에 배포합니다. 작업 브랜치는 미리 보기 배포로, 게시하면 고정 URL의 프로덕션 배포로 이어집니다. GitHub를 연결하면 v0가 작업 브랜치에 커밋하고 pull request를 열며 게시할 때 병합합니다.

화면이 아무리 앱처럼 보여도 결과물은 웹사이트입니다. 데이터베이스나 API를 연결한 v0 프로젝트도 있고, 임시 데이터로 실행되는 프로젝트도 있습니다. 어느 쪽이든 시작할 수 있습니다. 백엔드는 그대로 두고, 결정할 때까지 임시 데이터도 유지할 수 있습니다.

준비할 것.
링크 하나면 됩니다.

  1. v0 프로젝트의 배포 주소나 동기화된 GitHub 저장소를 입력하세요.

전체 가이드 읽기: v0에서 iOS 앱으로