Deploy Your Work
Building something is amazing — but sharing it with the world? That's even better. Learn how to put your project online for free, in minutes, so anyone can see what you've made.
Key Concepts
Watch & Learn
index.html
app.netlify.com/drop in a browser tab
Deploy in 3 Steps with Netlify Drop
Have Your Files Ready
Take the HTML file you vibe-coded in Module 2 (or any HTML file you've made). Put it in a
folder on your computer. Make sure your main file is called index.html.
Go to Netlify Drop
Visit app.netlify.com/drop. You'll see a big area that says "Drag and drop your site folder." Drag your folder right onto it!
Your Site is Live! 🎉
Netlify gives you a link (like random-name.netlify.app). Click it — your
project is now live on the internet! Share the link with anyone.
Read More
Safety Reminder Before You Deploy
Before publishing anything online, make sure your project doesn't contain your full name, home address, phone number, school name, or any private information. Once something is online, anyone can see it!
Your Challenge
Deploy Your First Project to the Internet
Take the webpage you vibe-coded in Module 2 and make it live! Or use an AI to help you build something new to deploy.
- 1Make sure your project has an
index.htmlfile. Use AI to add something fun if you want — a color theme, a countdown timer, anything! - 2Go to app.netlify.com/drop.
- 3Drag your project folder onto the Netlify Drop area.
- 4Copy your new .netlify.app link. You now have a real live website!
- 5Share the link with a friend or family member. How does it feel to have something live on the internet? 🌍