5 books · 79 chapters · everything you need to build apps with AI in plain English.
How vibe coding works, how it differs from regular coding, and why to start here.
Project ideas by difficulty, how to scope your first build, and a decision helper.
Claude Code, Cursor, Bolt, v0, Lovable, Codex — compared.
Step-by-step guides for Claude Code, Lovable, Bolt.new, and Cursor.
Build your first website step by step, plus 14 project ideas sorted by difficulty.
Pick your tool, install everything, create your repo, and write your first prompt.
Add a second, third, fourth page to your site and link them with navigation.
The prompt formula, before/after examples, error sharing, templates.
A day in the life of an AI coder. The daily loop for adding features and fixing bugs.
Page is blank? Scary error? AI making it worse? Stay calm, fix it.
Understand what AI generated — without writing code yourself.
Build your MVP quickly. What to skip, what to keep, and how to launch.
A-Z searchable glossary of 70+ web development terms.
Design ideas, AI design tools, and trends to make your site look amazing.
40+ components — buttons, modals, breadcrumbs, FABs, and more.
Hex, RGBA, HSL, palettes, gradients, and color converter.
Font sizes, weights, line height, Google Fonts, and pairing.
The 4px grid, padding vs margin, recipes, and max-widths.
Lucide, Heroicons, stock photos, illustrations, backgrounds.
Landing pages, dashboards, blogs, e-commerce, portfolios.
30+ website section variations: heroes, features, CTAs, footers.
Padding, margin, fonts, colors, layout — explained visually.
Breakpoints, mobile-first, patterns, navigation strategies.
Make your site usable by everyone. Semantic HTML, ARIA, contrast.
Hierarchy, tap targets, loading states, empty states — UX without a design degree.
Study a site you love, describe it to AI, and recreate it.
Take a Figma design and describe it to your AI coding tool.
Headlines, CTAs, and descriptions that make your site professional.
CSS transitions, Tailwind animations, Framer Motion.
Implement light/dark theme toggle with Tailwind and next-themes.
HTML, CSS, JS, React, Next.js, Vue, Tailwind, and build tools.
Node.js, Python, databases, APIs, BaaS, and authentication.
File organization, naming conventions, Next.js App Router.
Save your work, undo mistakes, and collaborate — no memorization needed.
Tables, relationships, schemas, ORMs, and example structures.
SELECT, INSERT, UPDATE, DELETE in plain English — the four operations every database needs.
Plug your app into Supabase or Neon. Read, write, and refresh data with the right patterns.
Profile pages, preferences, avatar uploads, and public profile views.
Lock pages behind login, build admin areas, and control who can see what.
Build a chatbot in your app — streaming, history, system prompts, rate limits.
Form elements, React Hook Form, Zod, common patterns.
Formats (WebP, SVG, PNG), optimization, responsive images.
Drag & drop, image preview, storage services, validation.
Search bars, filters, sorting, pagination, and autocomplete.
Login, signup, Clerk, NextAuth, Supabase Auth, protected routes.
Add 'Sign in with Google' — one-click login with existing accounts.
Success messages, error alerts, and pop-up notifications.
Data tables, stat cards, charts, and admin panel layouts.
API keys, secrets, and .env files — keep your data safe.
Fetch data, handle loading/error states, build API routes.
Three doors into the same service — when to use each, with Supabase, Stripe, and Vercel examples.
Add chatbots, content generation, and AI features to your app.
Live chat, notifications, collaborative editing, WebSockets.
Read errors, DevTools, console.log tips, common Next.js fixes.
Turn your website into a phone app — PWA, Capacitor, or React Native.
Meta tags, Open Graph, structured data, sitemaps.
Make your links look great when shared on X, LinkedIn, WhatsApp, iMessage.
Auto-generate hundreds of landing pages from a database for long-tail traffic.
Hosting platforms, buy a domain, connect DNS, go live.
Go from yoursite.vercel.app to yourname.com — step by step.
Core Web Vitals, image optimization, caching, lazy loading.
Track visitors with Vercel Analytics, Google Analytics, PostHog.
Stripe, checkout flows, subscription billing, pricing pages.
Recurring billing, free trials, plan tiers, upgrades and downgrades.
How services like Stripe and GitHub call back to your app when something happens.
Resend, SendGrid, push notifications, React Email.
Welcome sequences, newsletters, and campaign emails that convert.
Privacy policy, terms of service, cookie consent, GDPR.
20 mistakes beginners make in design, code, and prompting.
Git basics, branching, environments, env variables, CI/CD.
Unit tests, integration tests, E2E with Vitest and Playwright.
Catch bugs in production with Sentry, LogRocket, and alerts.
XSS, CSRF, rate limiting, headers, and protecting your app.
Stop bots and abuse from blowing up your bill with simple rate limits.
A simple switch to turn features on or off for some users — without redeploying.
Smart prompting habits to keep your AI coding bill under control.
Why feedback matters and simple ways to collect it — emails, surveys, calls, interviews.
Working with others, Git workflow, project handoff, pair coding.
Multi-language support, translation files, locale switching.
Revenue models, subscriptions, ads, affiliate, digital products.
