Deploy Your React Router (formerly Remix) App With Puter
On this page
In this guide, you'll learn how to use Puter to deploy your static React Router 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 Router App
Step 1: Prepare Your Site
First, make sure your React Router app is configured for static output by setting ssr to false in your react-router.config.ts file:
import type { Config } from "@react-router/dev/config";
export default {
// Config options...
// Server-side render by default, to enable SPA mode set this to `false`
ssr: false,
} satisfies Config;
Then, inside your React Router project folder, run the build command to generate your website files:
npm run build
After the build completes, your website files will be in the build/client folder. This client folder is what you'll upload to Puter.
Step 2: Upload Your Site to Puter
Go to Puter.com
Drag the
clientfolder from your local machine into the Puter cloud desktop
- Open the folder to verify that your React Router app is uploaded
Step 3: Publish Your React Router 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 Router app!
Free React Router (formerly Remix) Hosting with Puter
Puter lets you host your React Router app at no cost. Just upload your build folder, publish it, and your site goes live instantly with a free subdomain.
Updating your app is just as simple—replace the files and you're set. No CI/CD setup or complicated deployment workflows required.
Looking to do more? Puter.js gives you access to cloud storage, databases, and AI features without needing to manage any backend.
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