Gregory John – Build a full stack Next.js app with Claude Code

You’ll learn a step-by-step, in-depth approach to building a feature-rich project management app that looks great on both web and mobile.

Each section of the course focuses on a core component of app building—including design, authentication, UX, databases, payments, emails, and AI integrations.

We’ll pay special attention to UX design to ensure your app provides a smooth user experience.

Along the way, you’ll learn the ins-and-outs of working with Claude Code, along with best practises, context management and special commands.

The core idea of this course is to teach you the full end-to-end process of building a full stack app, so that you can leverage what you learn to build any app of your choice.

It follows professional developer practises, including how to work with version control using Git and Github.

No prior coding experience is needed—this course is designed for those who want to learn full stack mobile development using Claude Code.

What You’ll Learn In Build a full stack Next.js app with Claude Code

• Claude Code best practises
• Authentication, data, storage and edge functions with Supabase
• Setting up transactional emails with Resend
• Setting up payments with Stripe
• Building a Kanban collaborative dashboard
• Using Claude Code in Cursor
• Integrating AI functionality with AI SDK
• Deploying to live customers

Course Content

8 sections • 26 lessons • 3 hr 34 min total

• Section 1 – Getting Started (4 lessons)
• Section 2 – Project Environment (5 lessons)
• Section 3 – Project Setup (2 lessons)
• Section 4 – App Building (4 lessons)
• Section 5 – Integrating Stripe (3 lessons)
• Section 6 – AI and Email (3 lessons)
• Section 7 – Marketing Page (2 lessons)
• Section 8 – Deployments (3 lessons)

Tools You’ll Learn

Master these cutting-edge tools and technologies during the course.

• Claude Code – An agentic coding tool that reads your codebase, edits files, and runs commands.
• Next.js – A React framework for building server-side rendered and statically generated web applications with performance optimization.
• Resend – A modern email API service that simplifies sending transactional emails with powerful delivery infrastructure and analytics.
• Supabase – An open-source Firebase alternative providing a powerful Postgres database, authentication, and real-time subscriptions.
• Stripe – A comprehensive payment infrastructure platform that enables businesses to accept payments and manage financial transactions securely online.

More courses from the same author: Gregory John