메인 콘텐츠로 건너뛰기

앱 만들기

두 가지 방법:
  • AI에 요청 - 스레드에서 원하는 내용을 설명하면 AI가 빌드합니다
  • 새 앱 버튼 - Drive 사이드바에서 **+**를 클릭하고 새 앱을 선택합니다
AI는 요청 내용에 따라 시작 템플릿을 선택합니다:
템플릿제공 내용사용 시기
uiReact 웹 앱웹 앱, 대시보드, 랜딩 페이지 필요 시
processHTTP 서버API, 웹훅 핸들러, 예약된 작업 필요 시

앱 하나, 브랜치 하나

각 앱은 main의 단일 git 체크아웃입니다. 별도의 초안, 브랜치 전환, 병합 단계가 없습니다. 모든 편집은 main에 커밋으로 저장되며, 배포는 단순히 “현재 main 배포”입니다.

빌드 사이클

  1. AI가 main에 직접 코드를 작성합니다
  2. AI가 개발 서버를 시작합니다. 라이브 미리보기가 표시됩니다.
  3. 채팅으로 반복합니다: “차트를 사이드바로 이동”, “다크 테마 추가”
  4. 각 편집 후 개발 서버가 핫 리로드됩니다
  5. 준비되면 배포합니다

배포

배포는 현재 main 커밋을 배포합니다. 별도의 프로덕션 브랜치가 없으며, main에서 가장 최근에 배포된 커밋이 라이브 상태입니다.

배포하기

배포 후 라이브 URL을 얻으려면 배포합니다:
  • 원격 앱은 Kazzle 클라우드에 배포되고 공개 URL을 받습니다
  • 로컬 앱은 컴퓨터에 설치됩니다. UI는 직접 로드되고, 프로세스 부분은 개발 서버를 실행합니다.

실시간 앱

즉시 로컬 읽기 및 오프라인 지원이 필요한 앱의 경우 AI는:
  1. 데이터베이스를 만듭니다
  2. 실시간 동기화를 켭니다
  3. 두 부분 앱을 빌드합니다: UI(React + 동기화 클라이언트) 및 Process(토큰 엔드포인트 + 동기화 업로드)
  4. vault를 통해 자격증명을 연결합니다
작동 방식은 실시간 동기화를 참조하세요.

랜딩 페이지

랜딩 페이지는 UI 전용 앱입니다. 백엔드, 데이터베이스 없음. 페이지를 설명하면 AI가 빌드하고, 배포하고, 라이브 URL을 제공합니다. 사용자 정의 도메인을 사용하려면 도메인 또는 서브도메인을 배포된 앱 URL로 지정합니다.