quick start
This is the basic flow from creating a website to launching a public URL.
Basic order of operations
- 1SOURCE
Create a website
Choose a new website or a proven startup template.
- 2DEVELOP
edit source
Modify pages, APIs and DB models with the editor or MCP.
- 3EDITOR
functional testing
Quickly check with UI Preview and API/Task testing for each file.
- 4TEST
quarantine inspection
Verify code at a separate URL using build/debug and shared website data.
- 5REVIEW
user confirmation
We check the inspection results and addresses and decide whether to reflect them in the operation.
- 6PRODUCTION
start
Automatically deploys the necessary operational releases and then launches the website.
- Create a new website or template from the Website menu.
- When using the provided starting source as is, the website can be created without editor review. You can start right from the list.
- Write app/pages and server/api code in the editor.
- When you save the app file, you can immediately check it in Vite Preview on the right.
- Select an API or task file and run a test to check the results.
- If a full inspection is necessary, build an inspection environment and check it at a separate address.
- When you request modifications from AI through MCP, AI directly modifies and commits the source and Validate pages and APIs on a test website.
- MCP work that is not specified by the user until distribution ends at the inspection stage. The final operational application is performed by humans.
- When you click Start on the website page, the storage source and operating release are different. In this case, deploy the new release first.
- If deployment is not required, run the prepared release directly without building.
- After startup is complete, connect to the web-{website-id} address.
- Before signing in, you can start and open one prebuilt English standard website for one hour. Sign in to create owned websites or use editing, AI, and settings features.
If you do not modify the provided starting source, skip editing and review. You can get started right away from the website list.
first page
export default () => (
<Card>
<h1 class="text-3xl font-bold">Hello Cake20</h1>
<Button class="mt-4">Getting started</Button>
</Card>
);If you save it to app/pages/index.tsx, it becomes the root page.