The plan for this hour

Look at the finished app first

Before any setup, open the live demo:

You should see:

• A title at the top (set by an environment variable on Render)
• A runtime line (TypeScript or Python)
• A Ping button that bumps a counter

That page is the whole app. You will run the same thing on your laptop, then put your copy on Render.

What you will do in this workshop

1. Fork the starter code (TypeScript or Python; same app)
2. Run it on your laptop
3. Write a small render.yaml (a Blueprint)
4. Deploy once (Dashboard or optional MCP)
5. Open your public URL and click Ping

Language tracks

Use the track toggle in the sidebar. Stay on one track.

flowchart LR
  demo["Live demo"] --> local["Your laptop"]
  local --> yaml["Your render.yaml"]
  yaml --> live["Your .onrender.com URL"]

Done looks like

• You opened the demo and understand the Ping page
• Ping works on your laptop
• You have your Live .onrender.com URL (not only the demo)