CF

Full-Stack Project with Claude Code

1h 12m 14s
English
Paid
Updated September 2026

Full-Stack Project with Claude Code is a 1-lesson 1 hour 12 minutes self-paced course by Mckay Wrigley. Mckay Wrigley walks through building a small FigJam-style whiteboard app from the ground up, using Claude Code paired with the Opus 4 model inside Cursor IDE .

Course facts

Lessons
1
Duration
1 hour 12 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Mckay Wrigley
Price
Premium

Mckay Wrigley walks through building a small FigJam-style whiteboard app from the ground up, using Claude Code paired with the Opus 4 model inside Cursor IDE.

Setup

The project starts from the McKay App Template, a Next.js stack with Supabase and Clerk already wired up for auth and a database, so you jump straight into feature work.

Working With an AI Agent

You'll set up a cloud.md file with rules for the agent to follow and track work in a tasks/to-do.md file, then use that workflow to build out the editor's core: stickers, shapes, text, drag actions, boards, and saving and loading board state, along with the overall FigJam-style layout.

The single workshop session is built around short, concrete tasks rather than theory, so you come away with a working pattern for pairing Claude Code with a real project.

Who teaches Full-Stack Project with Claude Code? Mckay Wrigley

Mckay Wrigley thumbnail

Mckay Wrigley is a US developer and AI educator who runs Takeoff AI, an applied-AI engineering academy that has grown into one of the most active LLM-focused course platforms on the market. He publishes daily on X / Twitter, is widely cited for his ChatGPT / Claude-integration tutorials, and has one of the larger independent applied-AI followings.

His CourseFlix listing carries sixteen Takeoff courses — covering everything from foundational LLM-integration with the OpenAI and Anthropic APIs through RAG pipelines, AI-assisted coding workflows, and full-stack AI product builds. Material is paid and aimed at working developers who want to ship AI features into real products rather than read survey-style introductions to the field.

What lessons are included in Full-Stack Project with Claude Code?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 1 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Full-Stack проект с Claude Code
All Course Lessons (1)
#Lesson TitleDurationAccess
1
Full-Stack проект с Claude Code Demo
01:12:14
Unlock unlimited learning

Get instant access to all 0 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Full-Stack Project with Claude Code?

  • NextJS & OpenAI - 2024 Edition thumbnailUpdated 2y ago

    NextJS & OpenAI - 2024 Edition

    By: Udemy
    Embark on a journey to mastering modern web development with our comprehensive video course on building applications using Next JS 14 and the OpenAI API. This c
    13h 41m
  • Next.js Ecommerce thumbnailClassic

    Next.js Ecommerce

    By: Brad Traversy
    Next.js Ecommerce Course is a comprehensive 22-hour program that teaches step by step how to create a full-fledged e-commerce platform using Next.js 15.
    22h 12m5/5
  • Planning with Claude Code thumbnailUpdated

    Planning with Claude Code

    By: Mckay Wrigley
    Build a landing-page generator with Next.js while learning to plan, structure, and hand off real coding tasks to Claude Code step by step.
    47m
  • AI For Developers With GitHub Copilot, Cursor AI & ChatGPT thumbnailUpdated 2y ago

    AI For Developers With GitHub Copilot, Cursor AI & ChatGPT

    By: Academind Pro (Maximilian Schwarzmüller)
    This course is designed for developers who want to effectively leverage AI! AI is not a threat but a powerful tool that can make you an even more productive.
    4h 55m
  • Stripe for SaaS thumbnailUpdated 2y ago

    Stripe for SaaS

    By: Fireship
    You will build a Stock Photography Subscription SaaS Product from scratch where users can sign up for a subscription to access a library of images.
    1h 11m
  • Principled AI Coding thumbnailUpdated 5mo ago

    Principled AI Coding

    By: IndyDevDan
    Study the principles of AI programming to remain an in-demand engineer. Accelerate the transition into the future of software development with AI coding.
    6h 13m5/5
  • Next.js From Scratch 2024 thumbnailFreeClassic

    Next.js From Scratch 2024

    By: Brad Traversy
    The main project in this course is a full-featured property rental website with property search, browsing and management. User authentication using Next Auth al
    11h 54m5/5

More courses by Mckay Wrigley

Frequently asked questions

What are the prerequisites for enrolling in the course?
This course does not list specific prerequisites, but a basic understanding of web development concepts and familiarity with tools like Next.js, Supabase, and Clerk would be beneficial. It is also helpful to have some experience with coding and using development environments, as you will be working in Cursor IDE and using coding support from the Opus 4 model.
What kind of project will I build during the course?
You will build a FigJam-style app, focusing on developing an editor with core features. This includes adding tools like stickers, shapes, text, and implementing functionalities such as drag actions and boards. The project also involves saving and loading board state, and designing the user interface to resemble a FigJam layout. The final product is a functional MVP (Minimum Viable Product) with a canvas for drawing, moving, and scaling.
Who is the target audience for this course?
The course is aimed at individuals interested in full-stack development and building web applications from the ground up. It is suitable for learners who want to gain hands-on experience with modern development tools and frameworks such as Next.js and Supabase, as well as those looking to explore the integration of AI tools like Claude Code for coding assistance.
What specific tools and platforms will I use in the course?
The course utilizes a variety of tools and platforms. You will work with the McKay App Template, which is based on Next.js, Supabase, and Clerk. Development will occur in the Cursor IDE, with Claude Code serving as your primary coding assistant. Additionally, the Opus 4 model from Anthropic will provide coding support throughout the project.
What topics or technologies are not covered in this course?
The course focuses on building a specific FigJam-style app, and does not cover other aspects of web development such as server-side programming in depth, advanced database management, or deployment strategies outside of the provided McKay App Template environment. It also does not cover other frameworks or languages outside of the ones specified.
How much time should I expect to commit to this course?
The course consists of a single lesson, but the time commitment largely depends on the complexity of the tasks and the individual's pace in working through them. Given the focus on building a small app from setup to MVP, students should be prepared to spend additional time outside of the lesson to experiment, troubleshoot, and refine their project.
How does this course's content apply to other courses or careers?
The skills and tools covered in this course are applicable to a wide range of web development projects. Understanding how to set up a full-stack template and use cloud-based database and authentication solutions like Supabase and Clerk can be valuable for similar projects. Skills in using AI coding assistants like Claude Code and understanding the workflow of tasks can also be advantageous for software development careers.