project linkpreview

Step 4: Deploying

System Text-to-Speech Ready
Slide: 0:00 / 0:00
Slide 1 of 0Interactive Deck

Full Lesson Reference

Put your tool on the internet.

Choose a Host

For simple static sites, Vercel and Netlify are free and easy.

terminal
Help me deploy this to Vercel.
Walk me through the steps.

Or:

Help me deploy this to Netlify.

The Deployment Process

Claude will guide you through:

  1. Creating an account (if needed)
  2. Connecting your project
  3. Deploying

For simple HTML/CSS/JS, deployment is usually just dragging and dropping files.

Get Your URL

After deployment, you'll have a public URL like:

  • linkpreview.vercel.app
  • linkpreview.netlify.app

Test it in your browser. Share it with others.

Optional: Custom Domain

If you own a domain:

Help me connect my custom domain to this deployment.

Checkpoint

  • Site deployed
  • Public URL works
  • You can share it with others

What You Learned

  • Deploying static sites is fast and free
  • Vercel/Netlify handle hosting for you
  • You can ship something in minutes

Congratulations

You built and deployed a working web tool. It's live on the internet.

This same workflow scales to bigger projects — the deployment process is similar whether it's a simple tool or a complex app.

Ideas for Extending

  • Add history of checked URLs
  • Copy the preview card as an image
  • Support multiple URLs at once
  • Add a bookmarklet for quick checking

Exercises

  1. Deploy your LinkPreview tool to Vercel or Netlify using one of the prompts above, then open the public URL on a different device to confirm it works.
  2. Share your live URL with someone and have them paste in a link — watch your tool work for a real user.
  3. Pick one item from "Ideas for Extending" and write the prompt you'd give Claude to build it, then deploy the updated version.