How to Build a Professional Website + Custom AI Chatbot for FREE! (Google AI Studio Tutorial) @Caroline
How to Build a Professional Website + Custom AI Chatbot for FREE! (Google AI Studio Tutorial)  @Caroline
Uploaded August 2026 | Updated September 2026, 1 week ago
In this tutorial, I’ll show you how to build a functional, professional-grade consulting website with a custom interactive AI chatbot using Google AI Studio—all running on a refurbished Chromebook!

This project goes beyond a simple landing page—we are building a complete, high-quality portfolio and service portal for world-ranked and certified running coach Tina Klein of "Balanced Running."

One of the coolest parts of this build is integrating a custom AI "digital twin" of Coach Tina. By uploading her actual podcasts, blog posts, and coaching documents directly into Google AI Studio, we train her virtual assistant to answer visitor questions using her exact philosophy and expertise.

Finally, I will show you how to take the code generated by the AI, clean up the assets, push it to GitHub, deploy it completely for free on Vercel, and map it to a custom GoDaddy subdomain (balanced.carolinedunn.us).

Whether you are a coach, a consultant, a woman in STEM, or a Chromebook enthusiast, this project is the perfect way to see how free AI tools can help you build and launch professional web apps in minutes.

Hardware Used in this Video:
- Refurbished Chromebook - amzn.to/4eYSL84 (Or use your existing Mac/Windows PC!)
- Book: "A Woman's Guide to Winning in Tech" - amzn.to/3YxHVO7

The links provided are affiliate links in which I may make a small commission but doesn't affect the price that you pay. This helps to keep my channel going to produce content for you.

Prerequisites:
- Free Google Account (for AI Studio): aistudio.google.com
- Free GitHub Account: github.com
- Free Vercel Account: vercel.com
- Your own custom domain name (Optional - GoDaddy or similar registrar)

Related Videos:
- How to Build & Host Web Games for Free with Google AI Studio - youtu.be/VamSCxmCsmU
- Build a Custom Cat Photo Website with Google AI Studio - youtu.be/lp2c4MZyMj8

Timestamps:
1:36 - Prompt 1 Google AI Studio
3:11 - First iteration
4:49 - Upload Photos
5:23 - Prompt 2 Google AI Studio
6:26 - How to Publish to a Public URL with GitHub and Vercel
8:37 - Add a Custom Domain (CNAME Setup)

If you found this tutorial helpful, please like and subscribe for more Chromebook, tech, and DIY content!

📘 A Woman’s Guide to Winning in Tech
A Woman’s Guide to Winning in Tech blends sharp humor with practical career strategies to help women navigate tech on their own terms—without changing who they are.
Available on Amazon, Bookshop.org Barnes & Noble, and IngramSpark
Learn more: winningintech.com

Follow the book:
Facebook: facebook.com/winningintech
Instagram: instagram.com/winning.tech
How to Build a Professional Website + Custom AI Chatbot for FREE! (Google AI Studio Tutorial)Trip Planning Hack with AIHow to Pair a Bluetooth Speaker to a Raspberry Pi (Pi 3, 4, and 5)DIY Math Practice: Copilot + Raspberry Pi Coding TutorialOpenClaw Photobooth Tutorial: Canon Mirrorless to a ChromebookGoogle Veo Vertical Video Hack (for TikTok, Reels & Shorts)Trip to Puerto Vallarta 🇲🇽3 Things I Wish I Knew Before Collecting Goshuin in JapanBeginner’s Guide to Using AI at WorkSeptember AIY Kit Winner + How to Enter October’s GiveawaySeptember 2025 Giveaway Announcement | Win a Google AIY Voice Kit v1Nara, Japan in One Day | Temples, Deer & Self-Cooking Food
Caroline Dunn |

How to Build a Professional Website + Custom AI Chatbot for FREE! (Google AI Studio Tutorial)

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER