Grok Build Mode로 라이브 앱을 만드는 방법
Grok Build Mode가 상세한 프롬프트를 라이브 제품으로 바꾸는 방식, 독립 도메인에서 테스트하고 게시하는 법, APIMart API로 확장하는 지점을 알아봅니다.
튜토리얼
일상적인 영어 프롬프트에서 몇 시간 만에 라이브 사이트나 간단한 앱을 만들고, 공유 가능한 링크 또는 자체 도메인에 게시할 수 있습니다. 이 글의 핵심은 네 단계로 정리할 수 있습니다. 구체적인 프롬프트를 작성하고, 미리보기를 철저히 테스트하고, 적절한 URL에 게시한 뒤, 핵심 흐름이 작동할 때만 API 기반 기능을 추가하는 것입니다.
짧게 정리하면 다음과 같습니다.
- 목표, 대상 사용자, 섹션, 가격, 배포 대상을 명확히 적은 프롬프트로 시작합니다
- 첫 빌드는 320 px와 360 px 모바일 너비에서 테스트하고 키보드 탐색과 양식 오류도 확인합니다
- 스모크 테스트에는 먼저 공유 가능한 링크를 사용하고, 공개 출시 때 독립 도메인으로 옮깁니다
- 큰 수정 전에는 체크포인트를 저장해 변경으로 페이지가 망가져도 빠르게 되돌릴 수 있게 합니다
- 제품의 기본 틀이 라이브 상태가 된 뒤에만 APIMart를 추가하고 API 키는
process.env에 저장합니다 - 영상에는 비동기 흐름을 예상해야 합니다. POST 작업 →
task_id받기 →completed가 될 때까지 폴링
특히 눈에 띄는 부분이 있습니다. 이 글은 다섯 가지 영상 모델 옵션을 소개하며, 가격은 $0.025/초에서 $0.12/초이고 클립 길이는 대체로 10~15초입니다. 여기서 간단한 원칙을 세울 수 있습니다. 초안에는 저비용 모델을 사용하고, 최종 결과물에는 고급 모델로 전환하세요.
빠른 비교