Bolt.new + Hostwares: Deploy Your AI-Built Full-Stack Project
Bolt.new can help you create web applications with AI, but creating the project is only one part of the process. To make your application available online, you need a hosting environment where the project can be deployed and managed. If your Bolt.new project is stored in GitHub, you can use Hostwares to deploy the project and make it accessible through a live website. This guide explains the complete process, from preparing your Bolt.new project to deploying it on Hostwares, connecting a custom domain, setting up SSL, and managing the website after deployment.
Step 1: Create a Hostwares Account
First, create an account on Hostwares. Visit the Hostwares website and click Get Started. If you already have an account, click Login and sign in. After logging in, you will see the Hostwares Dashboard. The Dashboard is where you can manage your websites and other available hosting services.
Step 2: Prepare Your Bolt.new Project
Open your project in Bolt.new and make sure the application is ready for deployment. Test the important features of your application before publishing it. If your project uses a database, API, authentication, environment variables, or other external services, make sure those requirements are properly configured for production. Next, save or export your project to GitHub. Your GitHub repository should contain the complete project files required for deployment. For example: github.com/yourusername/my-bolt-project
Step 3: Open Sites in Hostwares
After logging in to Hostwares, go to the Sites section from your Dashboard. Click New Site to start creating a new website deployment. Choose the GitHub deployment option if your project is stored in GitHub. This allows you to deploy the project from your repository instead of manually uploading the project files.
Step 4: Connect Your GitHub Repository
Connect your GitHub account when Hostwares asks you to authorize the connection. After GitHub is connected, select the repository containing your Bolt.new project. For example: my-bolt-project Then select the branch you want to deploy. If your production code is on the main branch, select: main If you use another branch for production, select that branch instead.
Step 5: Check the Deployment Settings
Before starting the deployment, review the project settings shown by Hostwares. Depending on your application, these may include: Framework Build command Start command Output directory Environment variables Runtime settings Use the settings required by your project. If your Bolt.new project needs environment variables, add them through the appropriate Hostwares settings. Do not put private API keys, passwords, or other sensitive credentials directly into publicly accessible source code.
Step 6: Select Your Hosting Resources
Choose the Hostwares resource package that matches your application's requirements. If you are starting with a small project, you can begin with an appropriate resource level and adjust it later if your application requires more resources. The required resources can vary depending on your application's traffic, backend services, database usage, and other requirements.
Step 7: Start the Deployment
Once your repository and settings are ready, start the deployment. Hostwares will retrieve your project from GitHub and run the configured deployment process. Wait until the deployment finishes. If the deployment is successful, Hostwares will provide the information you need to access the deployed website. Open the provided URL and test your application.
Step 8: Check Your Live Website
After deployment, test the important parts of your application. Check the following: Homepage Navigation Forms Login and authentication API connections Database functions Images and static files Mobile layout External integrations If something does not work, check the deployment logs and project configuration to identify the problem.
Step 9: Add Your Custom Domain
Once your website is working correctly, you can connect your own domain. Open your deployed site in the Hostwares Dashboard and go to the domain settings. Add the domain you want to use. For example: yourdomain.com Hostwares will provide the DNS information required for connecting the domain. Go to your domain provider and add or update the required DNS records according to the instructions provided by Hostwares. DNS changes may take some time to become active.
Step 10: Set Up SSL
After your domain is correctly connected, configure SSL for the domain using the available Hostwares settings. SSL allows your website to use HTTPS. After SSL is configured, check your website using: https://yourdomain.com Make sure the website loads correctly over HTTPS and that there are no configuration issues.
Step 11: Update Your Bolt.new Project
Your project may continue to change after the first deployment. When you make changes to the project in Bolt.new, update the corresponding GitHub repository according to your development workflow. If your Hostwares site is configured for Git-based deployment, you can use the connected repository to deploy updated code. Always test important changes after deployment to make sure the live website is working correctly.
Step 12: Manage Your Website from Hostwares
After your website is live, you can continue managing the deployment from the Hostwares Dashboard. Depending on your hosting setup, you can manage areas such as: Sites Deployments Domains SSL Environment variables Hosting resources Databases Application settings If your website grows or requires additional resources, review your hosting requirements and adjust the resources as needed. A Simple Bolt.new to Hostwares Workflow The complete process can be summarized as: Create your application with Bolt.new ↓ Save the project to GitHub ↓ Log in to Hostwares ↓ Go to Sites ↓ Click New Site ↓ Choose GitHub deployment ↓ Connect GitHub ↓ Select your repository and branch ↓ Review deployment settings ↓ Choose hosting resources ↓ Deploy the project ↓ Test the live website ↓ Connect your custom domain ↓ Configure SSL ↓ Manage and update your website from Hostwares Why Hostwares for Your Bolt.new Project? Bolt.new helps you create and develop your application with AI. Once the proj