Make Your First Website With Claude Code (in Under 30 Minutes)

Video Description

Join the AI MBA to learn personally from me how to build with Claude Code ⤵️ https://www.skool.com/the-ai-mba Summary ⤵️ Learn how to build and deploy a beautiful personal website using Claude Code—without writing a single line of code yourself. I walk through the entire process from scratch: setting up Git and GitHub, creating an Astro static site, designing with natural language, deploying to GitHub Pages, and connecting your own custom domain. Perfect for complete beginners who want their own professional website. Links 🚀 Install Git: https://git-scm.com/install Create a GitHub account: https://github.com Install Node.js: https://nodejs.org/en/download Astro framework: https://astro.build Compound Engineering plugin: https://github.com/anthropics/claude-code-plugins Follow me on other platforms 😈 🕊️ Twitter/X: https://x.com/aniketapanjwani 💼 LinkedIn: https://linkedin.com/in/aniket-a-panjwani 🤙 Work with me: https://contentquant.io Why watch? If this is your first view—hi, I'm Aniket! TLDR: I've worked for six years as an MLOps engineer at Zelle building financial AI models, automations and data pipelines saving consumers from tens of millions of dollars of fraud. Now, I use my professional and academic expertise (PhD Economics from Northwestern University) to help businesses automate tedious but critical processes to drive revenue and innovation. Hopefully I can help you improve your business, and in doing so, the rest of your life 🙏 Like, subscribe, and leave me a comment if you have a specific request! Thanks. 0:00 Build and deploy your first website with Claude Code 0:38 Concepts you need to know: Git and GitHub 1:11 Prerequisite: Installing Git 1:31 GitHub Pages and Astro framework 2:14 Writing the initial prompt for Claude Code 3:49 When to use plan mode (and when not to) 4:42 Using the front-end design skill 5:01 Claude researching about you from your links 6:40 What is Astro: static sites explained 7:50 Previewing your site: it completed! 8:19 Installing Node.js if you don't have it 9:07 First look at the generated site 9:17 Making improvements: profile picture, content tweaks 10:00 Taking screenshots of projects with Playwright 11:49 The updated site with images 12:28 Fine-tuning content and structure 13:03 Creating your first Git commit 14:09 Design iteration with the front-end design skill 15:59 Redesign complete: retro-futuristic style 16:27 Structural changes: highlighting key projects 17:37 Using plan mode for bigger changes 18:41 Fine-tuning with tabs and sections 20:06 Committing all changes 20:35 Creating a GitHub repository 21:28 Pushing your code to GitHub 21:53 Deploying to GitHub Pages 23:03 Enabling GitHub Pages in settings 23:45 Fixing broken images 24:34 Setting up your custom domain 25:22 Configuring DNS records in Namecheap 26:11 Final site live on custom domain 26:37 Outro