Push to GitHub & Deploy

Your site looks great in the preview. Now let's put it on the internet.

---

Step 1: Create a GitHub Account

If you don't have one already, sign up at github.com. GitHub is where your code lives — think of it as cloud storage for your website's files.

---

Step 2: Connect GitHub to Your Workspace

In your Code350 Workspace, click the Settings tab (gear icon). Under Git, click Connect GitHub. You'll be asked to authorize Code350 — this lets the workspace push code to your GitHub account on your behalf.

---

Step 3: Create a Repository

Still in the Settings tab, find the Repository section and click Create Repository. Give it a name that matches your project — something like my-coffee-shop or code350-cafe. This creates a new repo on GitHub where your code will be stored.

---

Step 4: Push Your Code

Go back to the AI Chat and tell it:

Push the code to GitHub

The AI will commit all your files and push them to the repository you just created. You can verify by visiting your GitHub profile — you should see the new repo with all your site's code.

---

Step 5: Create a Vercel Account

Vercel is what actually puts your site on the internet. Sign up at vercel.com — you can use your GitHub account to make things easier.

---

Step 6: Import Your Repository

Once you're in the Vercel dashboard:

1. Click Add New > Project
2. You'll see a list of your GitHub repos — find the one you just created
3. If you don't see it, click Adjust GitHub App Permissions and make sure the repo is accessible
4. Select your repo and click Import

---

Step 7: Deploy

Vercel auto-detects that it's a Next.js project. You don't need to change any settings.

Click Deploy and wait about 30–60 seconds. Vercel builds your site and gives you a live URL — something like my-coffee-shop.vercel.app. That's your site, live on the internet. Share it with anyone.

Bonus: Every time you push new code to GitHub (like when you ask the AI to make changes), Vercel automatically rebuilds and updates your live site.

---

Step 8: Add a Custom Domain (Optional)

Want a real domain like myshop.com instead of my-coffee-shop.vercel.app?

1. In your Vercel project, go to Settings > Domains
2. You can search for and buy a domain right from Vercel
3. Or connect a domain you already own from another registrar

Vercel handles the SSL certificate and DNS setup for you — your site will be live on your custom domain within minutes.

---

That's it — you just built a website with AI and deployed it to the internet. No terminal, no complicated setup, no developer required.