Skip to main content
This quickstart guide will walk you through building a full stack app using OpenBuilder’s core features. By the end, you will be familiar with the end to end process from planning to deployment.
Open OpenBuilder directly in your browser — no installation required.
As an example, we will use the following app idea: 
Build a notes app with user authentication

​
1. Plan your app

  • Enter app idea
  • Give app name
  • Review the plan
  • Accept, Reject, or Chat to modify the plan
If you alraedy have a detailed PRD, you can copy and paste the PRD into the initial prompt and OpenBuilder will break it down to logical steps.

​
2. Build the first screen

  • Approve agent’s context selection
  • Wait for code changes to finish
  • Click Open App to inspect the app inside OpenBuilder Browser
  • Chat to make adjustment or Start Next Step
The app is still a mock up at this stage, core functionalities are likely not implemented yet and will be added during later steps.

​
3. Connect Supabase

  • Connect to your Supabase
  • Approve access to organization
  • Return to OpenBuilder and create a new project.
  • Approve Supabase changes
Currently we only integrate with new Supabase projects. If you’d like to use your existing Supabase project, let us know here and you will be the first to know when it becomes available.

​
4. Deploy your app

  • Click Deploy -> Deploy App in the OpenBuilder menu bar
  • Wait for deployment to complete
  • Inspect the deployed URL
Support for custom domain is coming soon.

​
Next Steps

Debugging

Fix errors the right way.

Connect APIs

Integrate with 3rd party APIs such as OpenAI, Stripe (coming soon), etc.

​
Common Problems

  • Make sure you still have available project slots in your Supabase organization. If you are on a free Supabase plan, you will have 2 project slots.
  • If you already have 2 or more projects, you can pause one of the projects to make room for new projects.
If all fails, try creating a New Organization in Supabase on a free tier, and click “Connect to Supabase” again from within OpenBuilder to initiate the access authorization.
Make sure all linter errors and runtime errors are fixed before trying to deploy.After fixing any remaining errors, initiate deployment again.
Use OpenBuilder’s debugging tools:
  • For compile/lint errors: Use the automatic quick fix prompts
  • For runtime errors: Click “Fix Error” in the Flow Diagram
  • For UI issues: Use Built-in Screenshot, Attach Image, or Element Selector
  • For unexpected behaviors: Use the Interactive Debugger when prompted
Check the Debugging Guide for detailed instructions.