Porting a Bolt App to Databutton

Learn how to move your app from Bolt.new to Databutton with ease. This guide explains where to place your files and how to set things up step by step.

Currently, Databutton does not have a direct import feature to migrate apps from Bolt.new. However, if your app uses React as the frontend, the migration process is straightforward and involves mapping files to the correct structure in Databutton.

Mapping your files to Databutton’s structure

How to Migrate Components, Pages, and Utilities from Bolt.new to Databutton

Migration primarily involves mapping files and folders correctly from the bolt app to Databutton. Here’s a step-by-step guide:

File tree structure comparison: Bolt.new vs Databutton

Key syntax changes to handle

💡 Note: These are the changes in the code that you must take care of or ask the agent to handle in Databutton while migrating:

Type	Bolt.new Syntax	Databutton Syntax
Pages	import HomePage from './pages/HomePage';	import HomePage from '@/pages/HomePage';
Components	import Sidebar from './components/Sidebar';	import MainContent from '@/components/MainContent';
Utilities	import { ScrapingResult } from '../types';	import { ScrapingResult } from '@/utils/types';

How to check package compatibility

You might want to check whether the packages used in your existing Bolt app are available in the Databutton environment. To do this, copy the content of your package.json file and ask the Databutton agent to verify for you.

Can you check if the following packages are available in Databutton's environment? [Paste your package.json content here]