Coding With AI - Planning To Production

Prototype a markdown note taking app in React with a split editor, live markdown preview, auto save to local storage, and search plus dark mode.

Analyze generated prototype code to critique file and component structure, state management, dependencies, and security, noting over-engineering, error handling, and server vs client rendering considerations in Next.js and React.

Iterating on a prototype notes app, this lecture adds a delete confirmation with a ShadCN alert dialog, live word and character counts, markdown export, and resizable editor and preview panes.

Assess prototype quality versus production readiness, recognizing technical debt from vibe coding, and learn when prototypes support quick ideas and UI mockups but not scalable, production apps.

Install cloud code via curl, authenticate in the browser, and learn context and tokens while building a Python script that fetches a Chuck Norris joke using the standard library.

Explore slash commands, config options, and the settings file in Cloud Code, and learn how to manage MCP servers, permissions, and context across personal, project, and global scopes.

Follow a dashboard ui workflow—from documenting the feature with a spec file to updating current feature and creating a feature branch, implementing, testing, merging to main, and updating history.

Fetch pinned and recent items from the NEON database to populate the dashboard, replacing mock data with real data, and derive item card visuals from item type while displaying tags.

Learn how cloud code skills and custom slash commands work together, including migrating from legacy .cloud/commands to the skills folder, and building practical commands like list components to streamline workflow.

Test the slash feature command by creating a spec file to add a pro badge to the sidebar and files and images with ShadCN UI component, and deploy via Vercel.

Learn to use the code-scanner subagent to audit a Next.js with Prisma project, identify quick wins like database indexes and loading states, and apply safe migrations.

Toggle email verification with a new environment variable to skip verification during testing, update registration and sign-in flows, and prepare production integration with resend domain later.

Implement forgot password using the existing verification token model, add password reset tokens with one-hour expiration, and create API routes and server-rendered forgot and reset password pages with client forms.

Audit authentication code with NextAuth 5, focusing on areas NextAuth doesn't auto-handle, including email verification, password reset, and profile security, using an auth auditor sub-agent and markdown audit docs.

Implement rate limiting using Upstash's serverless Redis, configure a devstash-rate-limit database, set environment variables in .env and production on Vercel, and redeploy to prepare for the rate limiting feature.

implement a two-column, responsive item listing view with item cards featuring a left border color by item type and a dynamic route for items by type.

Enable inline edit in the item drawer by switching to edit mode, turning title, description, and tags into inputs, and saving via a server action with zod validation.

Implement delete item functionality using a server action with ownership checks and a Prisma query in lib db items. Show ShadCN UI confirmation with a success toast, and add tests.