Sharing & Deploying

From localhost to the world

You’ve built something. It runs on your computer. Now you want to show it to other people. This used to require buying a server, configuring DNS, setting up SSL certificates, and maintaining everything yourself.

Now it takes about 5 minutes.

The two main options

Netlify

Best for: Static sites, Astro, React apps, any frontend project

1. Go to netlify.com and sign up (use your GitHub account)
2. Click “Add new site” → “Import an existing project”
3. Connect your GitHub account
4. Select your repository
5. Configure build settings:
   • Build command: npm run build (Netlify usually detects this automatically)
   • Publish directory: dist/ (for Astro/Vite) or build/ (for Create React App)
6. Click “Deploy site”

In 1-2 minutes, your site is live at a URL like random-name-123.netlify.app.

Custom domain: You can add your own domain in Site Settings → Domain Management.

Vercel

Best for: Next.js projects, but works great with anything

1. Go to vercel.com and sign up (use your GitHub account)
2. Click “Add New…” → “Project”
3. Import your GitHub repository
4. Vercel auto-detects the framework and configures build settings
5. Click “Deploy”

Live in 1-2 minutes at project-name.vercel.app.

Auto-deploy: the magic feature

Here’s the best part: once you connect your GitHub repo to Netlify or Vercel, every git push automatically triggers a new deployment.

# Make changes
git add .
git commit -m "Update hero section"
git push

# 60-90 seconds later, your live site is updated

No manual steps. No FTP uploads. No server restarts. Push to GitHub, the site updates automatically.

Deploying from the terminal

If you prefer command-line deployment:

Netlify CLI

npm install -g netlify-cli
netlify login
netlify init                  # First time: link to a Netlify site
netlify deploy --prod         # Deploy to production

Vercel CLI

npm install -g vercel
vercel login
vercel                        # Deploy (follow prompts)
vercel --prod                 # Deploy to production

Sharing your work

Once deployed, you have a real URL you can share:

• Send the link in a message, email, or social media post
• Add it to your portfolio or resume
• Show it in a presentation — it’s a real, live website
• Get feedback — share with friends or colleagues and iterate

Sharing the code

Your GitHub repository is also shareable:

https://github.com/YOUR-USERNAME/project-name

People can see your code, the commit history (how it evolved), and even contribute.

The complete project lifecycle

Here’s the full lifecycle of a project, from idea to live website:

1. Plan (60 seconds)
   "I want to build a recipe collection app"

2. Scaffold (2-3 minutes)
   "Create a recipe app with React, Tailwind, dark theme..."

3. Build features (chunk by chunk)
   "Add recipe cards" → commit
   "Add search" → commit
   "Add tags and filtering" → commit

4. Push to GitHub
   git push

5. Deploy
   Connect to Netlify → auto-deploys on every push

6. Share
   "Check out what I built: recipes.netlify.app"

7. Iterate
   Get feedback → make changes → push → auto-deploys

Total time from idea to live website: 30 minutes to a few hours depending on complexity. That’s the power of orchestration.

What you’ve learned

Congratulations! You’ve completed the entire curriculum. Here’s what you now know:

• The landscape: Where you stand in AI adoption, and what agentic coding is
• The mindset: You’re an orchestrator, not a coder
• The terminal: How to navigate, create files, and run commands
• The tools: How to install and use Claude Code, Gemini CLI, Codex CLI, and Copilot CLI
• Version control: How to save your work with git and back it up on GitHub
• Project structure: What projects look like and how they’re organized
• AI scaffolding: How to let the AI set up entire projects from a prompt
• Planning: How to think before you prompt, break down tasks, and give precise instructions
• Deployment: How to put your projects on the internet

You are now part of the 0.002%. Go build something.