Claude Code Beginner To Pro: Agentic Coding For Developers

Use Claude Code AI to build and ship full Next.js web apps. Includes MCP, custom rules, automations, workflows + more!

What you'll learn

How to use Claude Code for agentic coding, including building custom workflows, automations, and slash commands.

How to build a full-stack Next.js app (LiftingDiary) generated almost entirely by Claude Code.

How to integrate modern tooling: Clerk for authentication, Postgres on Neon, Drizzle ORM, and shadcn/ui for a production-ready stack.

How to seed databases with MCP, enforce coding standards with custom documentation, and guide Claude Code's output to match your style.

Best practices for treating Claude Code as a pair-programmer while keeping your codebase clean, maintainable, and consistent.

Advanced techniques to extend Claude Code with your own conventions and scale agentic coding into larger projects.

Requirements

An active subscription with Claude Code.

Familiarity with web development concepts.

Description

Step into the future of software development with Claude Code. In this hands-on, project-based course, you'll learn how to harness agentic coding to build full-stack applications faster, smarter, and more consistently than ever before.We'll build a complete workout logging app called LiftingDiary, powered by Next.js, while letting Claude Code generate the heavy lifting for us. Along the way, you'll discover how to design and generate your own coding standards, workflows, and automations so that Claude Code writes production-ready code that feels like your code.What You'll Learn:Agentic Coding FundamentalsUnderstand how Claude Code works, how to steer its output, and build your own "agentic workflows."Building LiftingDiary from ScratchUse Claude Code to generate an entire Next.js app, from setup to deployment.Database & Auth IntegrationSeed a Postgres database (hosted on Neon) with sample data in seconds using MCP (Model Context Protocol).Implement secure authentication with Clerk.Manage schema and queries using Drizzle ORM.UI & Developer ExperienceBuild a modern interface with shadcn/ui.Customize components and maintain design consistency.Claude Code as Your TeammateWrite custom documentation files to guide coding standards.Enforce conventions with rules to influence every line of output.Create custom slash commands for common tasks.Automate repetitive workflows.Best Practices with Claude CodeDiscover how to avoid pitfalls, keep your codebase maintainable, and treat Claude as an intelligent pair-programmer instead of a copy-paste machine.Advanced Agentic Coding TechniquesLearn how to prompt, build workflows, and extend Claude Code with your own conventions.Whether you're a beginner curious about AI coding tools or an experienced developer ready to go pro with Claude Code, this course will give you the skills, confidence, and systemized approach to thrive in the new era of software development.

Overview

Section 1: Project setup & introduction to Claude Code

Lecture 1 Tools needed for this course

Lecture 2 Next JS project setup & intro to Claude Code

Lecture 3 Set up Clerk using Claude Code

Lecture 4 Prompt Claude Code to customize Clerk (includes context window)

Lecture 5 Explanation of the context window in Claude Code

Lecture 6 Finish project setup

Lecture 7 Generate db schema with Claude Code

Lecture 8 Use Neon MCP in Claude Code to generate example data to seed the db

Section 2: Generate code with Claude Code

Lecture 9 Generate the dashboard page with Claude Code

Lecture 10 Influence code output from Claude Code with doc files

Lecture 11 Generate the data-fetching doc with Claude Code and query for workouts

Lecture 12 Finish the main dashboard page (includes Thinking mode)

Lecture 13 Automate git branching and merging with Claude Code

Lecture 14 Generate the auth and data mutations docs with Claude Code

Lecture 15 Implement the create workout functionality

Lecture 16 Custom slash commands with Claude Code

Lecture 17 Implement the update workout functionality

Lecture 18 Claude Code sub agents

Section 3: Extras

Lecture 19 Congratulations!

Lecture 20 BONUS!

Beginner to experienced developers who want to learn how to integrate Claude Code into their workflow and dramatically speed up development.