Menu

How to deploy React app on Netlify for free (5 minutes)

DEV Community: beginners·sohana khan·6 months ago
#25urufgy
#dev#react#netlify#webdev#deployment
Reading 0:00
15s threshold

How to deploy React app on Netlify for free (5 minutes)

TL;DR: Build → Drag & Drop → Live. No credit card. No terminal headaches.

Why Netlify?

Platform Free Tier Easy to use Custom Domain

Netlify ✅ Unlimited ✅ Super easy ✅ Free SSL

Vercel ✅ Good ✅ Easy ✅ Free

AWS S3 ⚠️ Complex ❌ Hard ⚠️ Extra setup

GitHub Pages ✅ Free ⚠️ Manual ⚠️ Limited

Winner: Netlify for beginners.

Prerequisites

[x] A React app on your computer

[x] A GitHub account (free)

[x] A Netlify account (free — sign in with GitHub)

That's it. No credit card needed.

Step 1: Build your React app

Open your React project in terminal and run:

bash npm run build This creates a build folder. That folder = your entire website.

Pro tip: If you get an error, check your package.json has "build": "react-scripts build" in scripts.

Step 2: Push to GitHub If you haven't already:

bash git init git add .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.