How to Host a React or Vue Static Site for Free in 2026

You've built a React or Vue app and want to share it — with a client, a hiring manager, or a collaborator. You don't need a server, a deployment pipeline, or a GitHub account. Here's how to get a live URL in under a minute.

Step 1: Build Your Static Output

For React (Vite):

npm run build
# Output: dist/ folder

For Vue (Vite):

npm run build
# Output: dist/ folder

For Create React App:

npm run build
# Output: build/ folder

The result is a folder of plain HTML, CSS, and JavaScript files — no server needed to run them.

Step 2: Zip the Output Folder

Zip the entire dist/ or build/ folder:

# macOS / Linux
zip -r my-app.zip dist/

# Windows: right-click dist folder → Compress to ZIP file

Step 3: Upload to TiniDrop

Drag the my-app.zip file onto TiniDrop. TiniDrop automatically detects it as a ZIP site, extracts the contents, and serves them through a CDN-backed URL.

Your app is now live at a link like tinidrop.com/s/abc123. Share it — the recipient opens it in their browser and sees your running app with no installation required.

Important: Asset Paths Must Be Relative

The most common issue: React and Vue apps often build with absolute paths (/assets/main.js). When served from a subdirectory (not root), these paths break. Fix:

In vite.config.js:

export default {
  base: './',   // use relative paths
}

In package.json (Create React App):

"homepage": "."

Limitations

• Static files only — no Node.js server, no API routes, no SSR
• Environment variables baked in at build time (don't include secrets in your build)
• For apps that need server-side rendering, use Vercel or Cloudflare Pages instead

Other Free Static Hosting Options

• Vercel — best for Next.js with server functions
• Cloudflare Pages — best for edge-deployed static + serverless
• GitHub Pages — free for public repos, good for documentation
• Netlify — easy drag-and-drop deploy, free tier available

TiniDrop is best when you need a quick share link without any account setup — ideal for demos, client reviews, and hackathon submissions.