🚀 Deploy Expo to Web in 5 Minutes! (Netlify & Cloudflare Pages 2025)

Stop struggling with complex CI/CD pipelines! In this video, I show you the absolute easiest way to take your Expo (React Native) app and host it on the web for FREE.
No GitHub setup, no complex terminal configurations—just one build command and a simple Drag & Drop. This is the perfect method for rapid prototyping or showing off your project to clients in under 3 minutes.
In this video, you’ll see:
✅ How to generate your web folder using npx expo export.[1]
✅ The "Hidden" Drag & Drop area on Netlify.
✅ Using Cloudflare Pages "Direct Upload" for lightning speed.
✅ Tips for making sure your routes don't break.
🕒 Timestamps:
0:00 The Fastest Way to Deploy 💨
0:35 Step 1: Generating the Build (dist folder)
1:10 NETLIFY: The Magic Drag & Drop 🏗️
2:20 Verifying your Netlify Site
2:50 CLOUDFLARE: Direct Upload Method ☁️
4:15 Why choose Drag & Drop vs Git?
5:00 Outro & Personal Info
🔗 Links & Resources:
Netlify Drop: https://app.netlify.com/drop
Cloudflare Pages: https://dash.cloudflare.com/
Expo Web Docs: https://docs.expo.dev/workflow/web/

(0:00 - Intro)
"You’ve built an amazing app with Expo, and now you want to share it with the world. You don't want to mess around with GitHub actions or server settings. You just want a link. Today, I’m showing you the absolute easiest way to deploy—literally just dragging a folder into your browser."
(0:35 - The Build)
"First, we need to create our production folder. Open your terminal in your project and run: npx expo export -p web.[2] This creates a folder named dist.[3] This folder is your entire website. Everything inside it is what we are going to upload."
(1:10 - Netlify Drag & Drop)
"Go to Netlify.com. You don't even need to create a site first. Just log in and look for the 'Sites' tab. At the very bottom, there’s a magic box that says 'Drag and drop your site folder here'. Take that dist folder we just made, drop it in, and wait 5 seconds. Boom. Your app is live with a custom URL."
(2:50 - Cloudflare Pages)
"Now for Cloudflare. Inside your dashboard, go to 'Workers & Pages' and click 'Create Application'. Instead of 'Connect to Git', click the tab that says 'Upload assets'. Give your project a name, drag that same dist folder into the box, and hit 'Deploy'. Cloudflare's edge network makes this incredibly fast."
(4:15 - Closing Tips)
"The best part? It’s completely free. If you make changes to your code, just run the build command again and drop the new dist folder onto the same site to update it. It’s that simple!"


👤 ABOUT THE CREATOR
Moa - Senior Full Stack Developer
[INSERT YOUR NAME HERE]
I'm a developer passionate about building cross-platform applications with React Native and Expo. My goal is to help you ship faster and scale better.

#Expo #ReactNative #Netlify #Cloudflare #WebDevelopment #ReactJS #EAS #Deployment #AppDev