Quick Guide

Publish Your App and Get a Link

You built something with Gemini. Now let's get it a real web link you can share with anyone, on any device. About two minutes, totally free. Find your computer's path below.

1 Get the single file out of Gemini

In your Gemini chat, type this exactly:

Combine this whole app into one single HTML file with all the CSS and JavaScript inside it.

When the code appears, click the copy icon at the top of the code block. That copies everything at once. Now turn it into a file using your computer's steps below.

On a Mac
  1. Open TextEdit (find it in Applications, or press Cmd + Space and type "TextEdit").
  2. Make a new blank document. Then, in the top menu, click Format → Make Plain Text. (This is the step everyone forgets. Do not skip it, or your file won't work.)
  3. Paste your copied code (Cmd + V).
  4. Click File → Save. In the name box, type exactly index.html
  5. If it asks about the extension, click "Use .html". Save it to your Desktop so it's easy to find.
On a Windows PC
  1. Open Notepad (click Start and type "Notepad").
  2. Paste your copied code (Ctrl + V).
  3. Click File → Save As.
  4. Where it says "Save as type," change it from "Text Documents" to "All Files." (This is the step everyone forgets. If you skip it, Windows secretly adds .txt and the file won't work.)
  5. In the file name box, type exactly index.html and click Save. Save it to your Desktop so it's easy to find.

The file name matters: it must be index.html, all lowercase, with no extra words.

2 Drag it onto Netlify

You do not need a folder or a zip. Just the one file.

  1. Go to app.netlify.com/drop in your browser.
  2. Drag your index.html file from your Desktop straight onto that web page.
  3. Wait a few seconds. A live link appears at the top, something like https://gentle-otter-12345.netlify.app.
  4. To keep the link alive for good, click "Claim site" and sign in. If you are using a class or facilitator account, ask your instructor to help with this step. If you skip it, the link still works for about an hour.
  5. Click your link to open it in a new tab and make sure it actually works.
  6. Share that link. Done.
Watch it (current, under 5 min):
How To Deploy an HTML Site to Netlify (2026)
Shows the exact drag-and-drop step. Your file-creation steps above are the Mac/PC part the video doesn't cover.
If something goes sideways

Some apps just won't survive the trip out of Gemini, and that is normal. If your link won't work after a real try, that's fine: show a short screen recording or a screenshot plus one sentence about what your app does instead.

Quick fixes for the usual snags