Understand what your AI is doing
How it all works under the hood
Frontend, backend, databases, APIs, auth. You don't need to write code, but knowing what each piece does makes you a much better prompter — and helps you fix things when they break.
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.
