Quickstart Guide

Building an application on BYOB follows a simple, repeatable loop: Prompt, Review, Deploy.

This guide will walk you through building your first app in 3 easy steps.

Step 1: Describe your idea

Once you've created a new project, you'll be dropped into the Editor Workspace. In the central chat panel, tell the AI exactly what you want to build.

Example Prompt:

"I want to build a simple task management app. It should have a clean, dark-mode UI. Users need to be able to add tasks, mark them as complete, and delete them. Please set up the database to store these tasks."

Step 2: Approve the Preflight Plan

Because you asked for a database, the AI will enter Planning Mode. It will generate a structural blueprint showing you exactly what Svelte components it plans to create and what tables it needs to add to your database.

Read through the plan. If it looks good, click Approve.

The AI will now take over. You will see it writing code in real-time, executing database migrations, and updating your Live Preview panel instantly.

Step 3: Deploy to Production

Once the AI finishes its work, interact with your app in the Live Preview on the right side of your screen. Add a few tasks to make sure everything works perfectly.

If you are happy with the result, look at the top right of your workspace and click Deploy.

Within seconds, BYOB will bundle your code and host it on our global edge network. You will receive a live .byob.app URL that you can share with the world immediately!

Next Steps

Now that you know the basics, let's explore the platform in more detail starting with Creating Your First Project.