Deploy Your React App With Puter
On this page
In this guide, you'll learn how to use Puter to deploy your React app for free. Puter is a cloud operating system in your browser with a web hosting feature allowing you to host your website easily.
Deploying your React App
Step 1: Prepare Your Site
Inside your React project folder, simply run the build command to generate your website files:
npm run build
After the build completes, your website files will be in the dist folder. This dist folder is what you'll upload to Puter.
Step 2: Upload Your Site to Puter
Go to Puter.com
Drag the
distfolder from your local machine into the Puter cloud desktop
- Open the folder to verify that your React app is uploaded
Step 3: Publish Your React App
- In the same folder, right-click and select Publish as Website
- Choose your free subdomain (e.g.,
yoursite.puter.site) and click Publish
- Congratulations, you have successfully published your React app!
Free React Hosting with Puter
Hosting your React app on Puter is completely free. Upload your build folder, publish it as a website, and you're done.
Your site is live immediately with a free subdomain included. Need to push an update? Just swap out the files—no complex dashboards or CI/CD pipelines to deal with.
Want to take it further? Puter.js lets you add cloud storage, databases, and AI capabilities to your app without spinning up any backend infrastructure.
Check out the Puter.js documentation to learn more.
Related
Free, Serverless AI and Cloud
Start creating powerful web applications with Puter.js in seconds!
Get Started Now