빠른 시작
웹사이트 생성부터 공개 URL 실행까지의 기본 흐름입니다.
기본 작업 순서
- 1SOURCE
웹사이트 생성
새 웹사이트 또는 검증된 시작 템플릿을 선택합니다.
- 2DEVELOP
소스 편집
페이지, API와 DB 모델을 에디터 또는 MCP로 수정합니다.
- 3EDITOR
기능 테스트
UI Preview와 파일별 API·Task 테스트로 빠르게 확인합니다.
- 4TEST
격리 검수
공용 데이터에 연결된 build/debug와 별도 URL에서 코드를 검증합니다.
- 5REVIEW
사용자 확인
검수 결과와 주소를 확인하고 운영 반영 여부를 결정합니다.
- 6PRODUCTION
시작
필요한 운영 release를 자동 배포한 뒤 웹사이트를 시작합니다.
- 웹사이트 메뉴에서 새 웹사이트나 템플릿을 생성합니다.
- 제공된 시작 소스를 그대로 사용할 때는 에디터 검수 없이 웹사이트 목록에서 바로 시작할 수 있습니다.
- 에디터에서 app/pages와 server/api 코드를 작성합니다.
- app 파일을 저장하면 우측 Vite Preview에서 바로 확인합니다.
- API나 task 파일을 선택해 테스트 실행으로 결과를 확인합니다.
- 전체 검수가 필요하면 검수 환경을 빌드해 별도 주소에서 확인합니다.
- MCP로 AI에게 수정을 요청하면 AI가 소스를 직접 수정·커밋하고 격리된 테스트 웹사이트에서 페이지와 API를 검증합니다.
- 사용자가 배포까지 명시하지 않은 MCP 작업은 검수 단계에서 끝나며, 최종 운영 적용은 사람이 수행합니다.
- 웹사이트 페이지에서 시작을 누르면 저장 소스와 운영 release가 다른 경우 먼저 새 release를 배포합니다.
- 배포가 필요하지 않으면 준비된 release를 빌드 없이 바로 실행합니다.
- 시작 완료 후 web-{website-id} 주소로 접속합니다.
- 로그인 전에는 미리 준비된 영문 표준 웹사이트 한 개를 1시간 동안 직접 시작하고 열어 볼 수 있습니다. 소유 웹사이트 생성, 편집, AI와 설정 기능은 로그인 후 사용합니다.
제공된 시작 소스를 수정하지 않는 경우에는 편집과 검수를 건너뛰고 웹사이트 목록에서 바로 시작할 수 있습니다.
첫 페이지
export default () => (
<Card>
<h1 class="text-3xl font-bold">Hello Cake20</h1>
<Button class="mt-4">시작하기</Button>
</Card>
);app/pages/index.tsx에 저장하면 루트 페이지가 됩니다.