Part 1: Build & Publish Your First Teaching App

0 of 12 complete
lesson

Publishing from AI Studio to GitHub

Once your app looks and behaves exactly how you want it to, it's time to save it permanently.

Remember, Google AI Studio is your workshop. To get your app onto the internet, we first need to move the code to GitHub.

What "publish" means here

When you click Publish in AI Studio, it takes all the files that make up your app — the code, the styling, everything — and sends them to GitHub. You do not need to download anything or move files around yourself. AI Studio does it for you in one click.

What is a repository?

A repository (often called a "repo") is just a project folder on GitHub. Think of it like a folder on Google Drive, but designed for software projects. Your repository will contain all the files for your app. You get to name it whatever you want.

A repository is not a program or a tool you install. It is simply a folder on the GitHub website that holds your project files. You can view it, share it, and come back to it whenever you want.

What happens when you connect AI Studio to GitHub

The first time you publish, AI Studio will ask permission to connect to your GitHub account. This is called authorization. You are telling GitHub: "It is okay for AI Studio to create project folders in my account." You only need to do this once.

After that, every time you click Publish, AI Studio creates or updates a repository with your latest files.

AI Studio
Publish
GitHub

The "Publish to GitHub" Button

In Google AI Studio, look for the "Publish" or "Share" button (usually near the top right).

  1. Click the button to publish your code.
  2. Select the option to export or publish to GitHub.
  3. You will be prompted to log into your GitHub account if you haven't already.
  4. AI Studio will ask you to name your repository (e.g., "accounting-quiz").
  5. Click confirm.

What just happened?

Google AI Studio just took all the code it wrote for you, created a new folder (repository) in your GitHub account, and saved all the files there. Your code is now safe and ready to be deployed.

Previous