Prerequisites: If you haven’t installed and set up the IDE, please follow the Installation Guide
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 EasyCode 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 EasyCode 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 EasyCode Flow 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 EasyCode Flow 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
I cannot connect my Supabase account.
I cannot connect my Supabase account.
- 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.
My deployment failed.
My deployment failed.
Make sure all linter errors and runtime errors are fixed before trying to deploy.After fixing any remaining errors, initiate deployment again.
I'm stuck trying to fix an error
I'm stuck trying to fix an error
Use EasyCode Flow’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