Please read through our docs for more detailed information. If you don't find what you're looking for, feel free to ask over our support channel or reach out to us via Intercom (in-product chat).
General Information
Can I see the code that Databutton generates?
Yes. You can by clicking the Edit Code toggle, which is at the top of the preview.
How to download code?
Go to Settings → App → click the "Export Code" button.
You will be able to create and download a zip file with the code for your app.
What stack does Databutton use to build full-stack apps?
Databutton uses the following stack:
Frontend: React with TypeScript
Backend: Python with FastAPI
We're always improving and may add more tech stacks in the future to meet different needs.
Can I connect to any popular databases?
Databutton has no limitations when it comes to database integrations, as it supports both Python and npm packages within its infrastructure. We have a native integration with Firebase, and you can or by clicking the "Add Firebase" button in the product.
Since Databutton allows you to install both Python and npm packages, you can also use databases like Supabase. We have a We are working on a supabase native integration too!
If you have another database in mind, feel free to reach out via discord.
What does the shield symbol adjacent to the UI Pages / Backend mean?
The shield symbol next to the UI Pages or Backend indicates that the page or backend is protected by authentication. This means that users must authenticate themselves (log in) before accessing the page or performing any actions on the backend. It ensures that only authorized users can interact with these parts of your app. You can disable that by clicking the three dots adjacent to it and then hitting the "Disable Auth" button.
Version Controlling and Deployment
Can I deploy my app in Databutton? Can I bring my own custom domain too?
Yes, you can deploy with one-click. In all plans, you can deploy your app in Databutton, and it takes the format username.databutton.com.
How to Undeploy / Hibernate my app?
Go to Settings → App → click the "Undeploy App" button.
You will be able to undeploy your app, removing it from the public internet.
Can I compare the code between different versions of the checkpoints?
Yes, you can. Hit the Restore button, hover over the checkpoint you would like to compare, and you will have the option to Restore or Compare the versions.
Can I restore to the last deployed version?
Yes, you can. Click the Deploy button, and you will see the Restore to Last Deploy button.
Can I restore back to the last checkpoint?
Yes. You can by clicking the Restore button at the top right of the navbar.
Troubleshooting and Error Handling
Agent can't fix the error loops. What shall I do?
1. Find out what the error is: Read the console log (underneath the Preview section) or prompt the agent to show you the error without writing or executing any code.
Investigate the error:
Go to the specific UI component, page, or backend and formulate a prompt based on the error.
If you still need help, reach us via the discord support channel or intercom.
How can I expose my Backend / API outside?
When you are typically trying to expose your API router, you can use the API prefix, which you can find under Settings→ Production → API Prefix
Copy that link and add your router name there. Make sure your backend is not under authentication . You can disable the Authentication by clicking the three dots adjacent to the API.
What do I do if deployment failed?
You can open the console log (underneath the preview) and look for the plausible errors. Usually, deployment fails when there's an error in the frontend (the most common one) or in the backend (you can quickly figure it out if your backend blinks red).
You can monitor that error in the console log and go for the fix.
How can I restart my workspace if it's stuck (not loading)?
If you're experiencing issues with your workspace not loading, you can try restarting it by following these steps:
Press Cmd/Ctrl + K to open the command bar.
Type restart in the command bar to find the Restart workspace option.
Use the keyboard arrows to select Restart workspace and press Enter (avoid using the mouse as it might be accidentally captured by your app).
The restart process should take around 30-60 seconds, and everything should be back to normal!
If the above solution does not help, feel free to reach out to us via support with detailed error logs for further assistance.
Agent
How can I remind the agent about design, model changes, and technical details?
You can control this by using Custom Instructions in the agent settings. Go to Settings > Agent and add the relevant details to the Custom Instructions section. This is a powerful way to remind the agent of specific requirements or guidelines across the app.
However, make sure that the custom instructions are concise and summarized to avoid overwhelming the LLM's context window. This will help ensure the instructions are clear, effective, and won't take up too much of the agent's memory, ensuring better performance.
What does Read-Only Mode for the agent do?
Enabling Read-Only Mode means the agent can view the code but cannot make any changes to the protected sections of the app. This is useful for locking down stable parts of the app, such as UI components or Pages, to ensure they remain unchanged. The agent can still interact with the content, but no modifications will be allowed.
When should I use Read-Only Mode, and how do I ensure the agent follows the rules?
Use Read-Only Mode when you want to protect specific sections of the app, like the admin navigation, from being altered. Be sure to provide clear and precise instructions to the agent about the changes it is allowed to make, especially when certain sections are locked from editing. If the agent needs to tweak any Read-Only section, it's best to disable the mode temporarily.
Can I personalize the Agent and give it its own tone?
Simply adjust the settings and click Save Preferences to apply your changes.
Subscription and Management
How to upgrade or cancel subscription?
What is the pricing for only hosting my app with you?
Hosting: We only charge for compute, meaning the actual usage of your app. Hosting your frontend is free.
Backend Hosting: We charge 2 credits for each compute-hour on your app's backend when deployed. This applies when the backend of your application is triggered and does work.
Custom Domains: Deployment to custom domains is included in the $50/month "Launch" plan and above.
To deploy to a custom domain, you need been minimum 50$ plan or higher.
To set you up for your custom domain, you need to request via Settings→ Production → Custom Domain. Read more .
Make sure to read more on the .
Prompt the agent for a fix:
You can read our detailed guide on
Yes, you can personalize your agent's tone of voice, response style, and technical level. To do this, navigate to or go to the Personalize Agent section in your Databutton profile. Here, you can adjust the tone to be friendly, casual, or any other style you prefer, and set other preferences like response style and technical level. You can even add special instructions, like asking the agent to start responses in a particular way, such as with "biip boop" to signal it’s not a human.
Visit your then click Manage Plan and Pricing Information.