Programming · Lesson 7 of 7
Deploying Your App
An app that only runs on your laptop isn't a product. Deployment is the last mile.
After This Lesson, You Will Be Able To
Deploy your app to the internet using a free hosting service — so anyone with a link can use it.
What Deployment Means
For simple HTML/CSS/JS projects, free hosting services make deployment a 5-minute process. There's no reason to keep your project on your laptop.
The Best Free Deployment Options
Netlify (easiest for HTML/CSS/JS)
Drag and drop your project folder onto netlify.com/drop and you get a live URL instantly. Free tier. Custom domain available. Best for simple static sites and HTML apps. No account required for quick deployments.
Vercel (best for React and Next.js)
Connect your GitHub repository and Vercel auto-deploys every time you push code. Free tier. Built for JavaScript frameworks. Used by major companies. The best choice if you're building with React, Next.js, or Svelte.
GitHub Pages (best for code that lives on GitHub)
If your code is already in a GitHub repository, GitHub Pages makes it public in 2 clicks. Free. Reliable. Good for portfolios and simple projects.
Railway or Render (for apps with backends)
If your app has a server component (Node.js, Python), Railway or Render offer free hosting for those too. More configuration required but both have AI-generated setup guides.
The Deployment Process for a Simple HTML App
Step 1: Make sure your app works locally
Test everything in your browser before deploying. Deployment doesn't fix bugs — it just makes them publicly visible.
Step 2: Deploy to Netlify Drop
Go to netlify.com/drop. Drag your project folder onto the upload area. You get a unique URL (like amazing-donut-123.netlify.app) in about 30 seconds. Share the link — anyone can open it.
Step 3: Set up a custom domain (optional)
If you have a domain name (like yourname.com), you can connect it to Netlify or Vercel in the DNS settings. This makes your app look professional instead of a random subdomain.
Exercise
~10 minutes · ChatGPT or Claude
Prompt to use
I have a web app I want to deploy. Here's my project: [describe what it is — a single HTML file / a folder with HTML, CSS, and JS files / a React project]. I want to use [Netlify / Vercel / GitHub Pages]. Help me: 1) The exact steps to deploy my type of project on this platform, 2) What I should check before deploying (common issues that cause deployment problems), 3) How to set up a custom domain if I have one, 4) What happens when I need to update my app — how do I push changes after the first deployment.
A deployed app is a real product. Everything before deployment is practice. What would it mean to you to have a real, working app on the internet that you built from scratch using AI?
Key Takeaways
Netlify Drop takes 30 seconds to deploy a static HTML site. There's no reason to leave projects on your laptop.
Test everything locally before deploying. Deployment doesn't fix bugs — it publicizes them.
Vercel is the best choice for JavaScript framework projects (React, Next.js). It auto-deploys on every code push.
A live URL you can share transforms a project into a product. Deploy before you think you're ready.
Deploy your app and share the link with one person.
Go to netlify.com/drop right now. Drag your project folder onto the upload area. Copy the live URL. Send it to one person — a friend, a family member, anyone. Tell them what it does. That moment of showing someone something you built is why this is worth doing.
Next Lesson
Continue with Automation
Build Real Skills · Pillar 5 · Automation Track