If you’re looking to build a sleek website with Bolt.new and then move it to your own hosting (including the database), this guide walks you through every step—from building the site to uploading it and managing your data.
🔧 Step 1: Building Your Website in Bolt.new
✅ Sign Up and Create a New Project
Start by heading over to https://bolt.new. Sign up or log in, then click “New Project” to start creating your website.
🎨 Design Your Site
- Use the drag-and-drop interface to create pages like Home, About, and Contact.
- Customize text, images, colors, and layout as per your needs.
- Add any interactive elements such as forms or galleries.
🗂️ Understand Your Data Usage
If you’re using forms, blogs, or dynamic content, make sure you know where your data is being stored—Bolt may use services like Firebase, Airtable, or its own CMS.
💾 Export Your Website
Bolt.new may allow you to:
- Export HTML/CSS/JS files directly.
- Or, publish the site and manually save source files (via browser tools, if necessary).
Make sure to download a .zip file of your entire site structure, including assets.
🧰 Step 2: Upload the Website to Your cPanel Hosting
Once your website files are ready, let’s move them to your web hosting space.
🔐 Login to Your cPanel
Typically available at yourdomain.com/cpanel. Use your hosting credentials.
📁 Upload Files to public_html
- Go to File Manager > public_html
- Click Upload and choose your
.zipfile. - After the upload, extract the contents.
🌐 Check If the Site is Live
Visit your domain (e.g., https://yourdomain.com) to ensure your site loads properly.
🗄️ Step 3: Move the Database (If Needed)
🔹 Case A: External Database (Airtable, Firebase, etc.)
If Bolt used an external service for storing form data or blog posts:
- Export your data in CSV or JSON format.
- Login to phpMyAdmin in your cPanel.
- Create a new database and import the CSV into appropriate tables.
- Update your site’s code to connect to this MySQL database using PHP.
phpCopyEdit<?php
$mysqli = new mysqli("localhost", "your_db_user", "your_db_password", "your_db_name");
if ($mysqli->connect_error) {
die("Connection failed: " . $mysqli->connect_error);
}
?>
🔹 Case B: Bolt’s Own CMS with Export Option
If Bolt allows you to export content as .json, .csv, or .sql:
- Import it into your new MySQL database via phpMyAdmin.
- Rebuild dynamic functionality using PHP or integrate with WordPress custom post types or plugins.
✅ Final Thoughts
| Task | Where to Do It | Details |
|---|---|---|
| Website Creation | Bolt.new | Drag-and-drop builder |
| File Export | Bolt Export or DevTools | Download site files in ZIP format |
| Upload to Hosting | cPanel File Manager | Extract files to public_html |
| Database Migration | phpMyAdmin | Export from Bolt backend, import to MySQL |
| DB Connection | PHP or CMS integration | Use PHP mysqli to connect, or WP plugin setup |
Need help with your specific database setup? Drop a comment below, and I’ll help you figure it out!
