Deployment: Making It Real
From Your Computer to the World
Right now, your project lives in your vibe coding workspace. Deployment means putting it somewhere on the internet where other people can access it with a real URL. This is one of the most exciting moments in building — your project becomes real.
Don't worry — deployment is much simpler than it sounds. Modern hosting platforms make it possible to deploy a project in minutes, for free. You don't need to rent a server, configure a network, or do anything complicated.
Answer: Making your project accessible on the internet so other people can use it. It goes from existing only on your computer to having a live URL anyone can visit.
Deploying Your Project
The great news about vibe coding: deployment is straightforward no matter which track you're on. Your path depends on which workspace you used.
If you're using Replit: Deployment is built right in. Click the "Deploy" button in Replit's toolbar, follow the prompts, and your project gets a live URL. That's it — Replit handles the hosting.
If you're using Bolt.new: Bolt also has built-in deployment. Click "Deploy" and your project goes live with a shareable URL. Similar to Replit — the platform handles hosting for you.
If you built with files locally (VS Code + AI): You'll upload your project files to a free hosting platform. Netlify is the easiest option and works perfectly for all three project tracks.
Quickstart: Deploy with Netlify (for file-based projects)
If you're using Replit or Bolt, skip this — your workspace has built-in deployment. This guide is for students who built their project as files on their computer.
1. Go to netlify.com and click "Sign up." Use your email or a GitHub account.
2. Once logged in, you'll see your dashboard. Look for the section that says "Want to deploy a new site without connecting to Git? Drag and drop your site output folder here."
3. Open your project folder on your computer. Select ALL your project files (index.html, any CSS/JS files, images — everything in the folder).
4. Drag the entire folder into the Netlify drop zone.
5. Wait about 30 seconds. Netlify will give you a live URL (something like random-name-12345.netlify.app).
6. Click the URL — your project is live on the internet!
7. Optional: Click "Site settings" → "Change site name" to pick a better URL (like your-project-name.netlify.app).
For detailed instructions, download the Deployment Step-by-Step Guide (PDF). You can also ask AI for help: "I have a [type of project] in [Replit / Bolt / local files]. Walk me through deploying it step by step."
Testing in the Wild
Once deployed, test your project again. Things that work on your computer sometimes break when deployed. Common issues:
- File paths that work locally but not on a server (check for slashes and capitalization)
- Resources (images, fonts) that don't load because they're linked to local files
- Mobile responsiveness — test on an actual phone, not just a resized browser
- Loading speed — large images or files can make your project slow
Open your deployed project on at least two devices (your phone and a computer). Click every button. Test every feature. If something's broken, fix it locally and redeploy.
It's Alive — Now What?
You've deployed. Your project has a real URL. Congratulations — you've shipped something. Most people who say "I want to build an app" never get this far. You did.
Your deployed version doesn't have to be perfect. In the software world, a first deployed version is called an MVP (Minimum Viable Product) — the simplest version that works. You'll improve it in Lesson 5.8 based on real feedback.
Share the link with 2–3 people you trust. Not for compliments — for feedback. Ask them: "Is it clear what this does? Was anything confusing? What's the one thing I should improve?" Their answers will guide your iteration.
Key Concepts
- Deployment means putting your project on the internet with a real URL. Modern platforms make this free and fast.
- Free hosting: Replit and Bolt have built-in deployment. For file-based projects, use Netlify — drag and drop your folder and you're live.
- Test your deployed project on multiple devices. Things that work locally sometimes break when deployed.
- Your first deployment is your MVP — it doesn't have to be perfect, just functional.
- Share with 2–3 trusted people for real feedback. Ask specific questions.
Helpful Resource
Deployment Step-by-Step Guide (PDF) — A printable walkthrough covering deployment for Replit, Bolt, and Netlify. Keep it open while you deploy.
Find this and all other resources on the Dashboard Resources page.
Level Up: Coming Next
Lesson 5.8 — Iteration After Launch. Learn how to improve your project based on real user feedback.
Continue to Lesson 5.8 →