Upload

Drag-n-Drop

to upload your archive

Upload

Free Domain Name
Try another
Full Name
Email
Password
I have an account

React App Hosting

Host a React App

Upload your React build output and get a live website in seconds. No server configuration, no Git pipelines, no CLI tools. Just drag your ZIP file and your React app is live with a shareable URL.

Upload React App

Drag and drop files to upload.

Upload website file archives, images, documents, or PDFs.

Select File
  • Drag-and-drop deployment

    Run npm run build, ZIP the dist/ or build/ folder, and drag it onto Static.app. Your React app is live in about 15 seconds. No terminal commands on the server side.

  • Built-in contact forms

    Add the static-form attribute to any form in your React app. Submissions appear in your dashboard. No backend endpoint, no third-party form service, no extra JavaScript.

  • Client-side routing support

    React Router works out of the box. Add a 200.html fallback file (a copy of index.html) and deep URLs like /about or /contact work correctly on page refresh.

How to host your React app

  • 1

    Run npm run build in your project directory. Vite outputs to dist/, Create React App outputs to build/.

  • 2

    Open the build output folder, select all files inside it, and compress them into a ZIP. Make sure index.html is at the root of the ZIP, not nested in a subfolder.

  • 3

    Drag your ZIP onto static.app. Your React app gets a live URL instantly. Connect a custom domain and enable analytics from the dashboard.

See it with your own eyes!
Video Thumbnail

All you need for React hosting

  • Automatic HTTPS

    Every React app hosted on Static.app gets HTTPS automatically. No certificate configuration, no renewal management. Your users see the padlock from day one.

  • Browser code editor

    Need to fix a typo or update a config file? Edit your deployed React app directly in the browser. No need to rebuild and re-upload for small changes.

  • Privacy-friendly analytics

    See how many people visit your React app, which pages they view, and where they come from. No cookies, no tracking scripts, no GDPR consent banners needed.

React Hosting FAQ

How do I host my React project?

Open your terminal in the project folder and run npm run build. This compiles your React code into optimized static files. Find the output folder (dist/ for Vite, build/ for CRA), open it, select all files inside, and compress them into a ZIP. Go to static.app, drag the ZIP onto the upload area, and your React app gets a live URL in about 15 seconds. From the dashboard you can connect a custom domain and enable analytics.

Can I host a Create React App project?

Yes. CRA projects use webpack under the hood and output to a build/ folder. Run npm run build, then ZIP everything inside that build/ folder. Make sure index.html sits at the root of the ZIP, not nested in another directory. The process is the same for Vite-based React projects, except the output folder is dist/ instead of build/.

Can I host a Vite + React project?

Yes. Vite is now the default build tool for new React projects. Run npm run build and the optimized output goes to dist/. ZIP everything inside that folder and upload. If your app fetches data from an API, set the API URL in .env before building. Vite prefixes environment variables with VITE_ instead of REACT_APP_.

Does React Router work?

Yes. Create a 200.html file (copy of your index.html) in the build output. This tells Static.app to serve your app for any URL path, letting React Router handle navigation.

Does server-side rendering work?

No. Static.app serves pre-built HTML, CSS, and JavaScript files. There's no Node.js process running on the server to render pages on each request. If your React app uses frameworks like Next.js with SSR or Remix, those need a Node.js host. However, if you use Next.js with output: 'export', it generates static HTML files that host perfectly on Static.app.

What about environment variables?

Environment variables in React are compile-time, not runtime. Set them in your .env file or in your terminal session before running npm run build. The build tool replaces references like process.env.REACT_APP_API_URL with their actual values in the compiled JavaScript. Since Static.app serves pre-built files, there's no server to read environment variables at runtime.

Do I need to configure CORS?

Only if your React app calls an external API. CORS is configured on the API server, not on Static.app. Static.app serves your frontend files without CORS restrictions.

What if my app shows a blank page?

Check that index.html is at the root of your ZIP (not nested in a subfolder). Also verify your build tool's base or publicPath is set to "/" or "./".

Which hosting is best for React?

It depends on what your React app does. For client-side rendered apps (SPAs), Static.app is the simplest option: build, ZIP, upload, done. For apps that need server-side rendering, Vercel or Netlify handle that. For apps with backend logic, Render or Railway run your server. Most React apps people build for portfolios, dashboards, and marketing sites are SPAs that work perfectly as static files.

Can I host my React app on GitHub?

Yes, GitHub Pages can host React builds for free. The trade-offs: GitHub Pages has no built-in contact forms (you need Formspree or similar), no analytics dashboard (you need Google Analytics), no password protection for staging sites, and no browser-based code editor. It also requires configuring the homepage field in package.json. Static.app includes all of these features and doesn't require Git.

Start hosting your React app now

Select File
or drop your archive to upload
Hey there 👋  Friends from designmodo are here to help!