CF

Full-Stack Project with Claude Code

1h 12m 14s
English
Paid

You build a small FigJam‑style app step by step in this workshop. You use Claude Code, Opus 4, Cursor IDE, and the McKay App Template. The template runs on Next.js, Supabase, and Clerk. You focus on clear tasks and real project flow.

What You Learn

You work through each part of the project with short, clear tasks. You set up the tools, plan your work, and build the core features of the editor.

Setup and Tools

  • Start with a full-stack template that has auth and a database ready.
  • Work in Cursor IDE with Claude Code as your main helper.
  • Use the Opus 4 model from Anthropic for coding support.

Project Files and Workflow

  • Create and tune a cloud.md file with rules for your agent.
  • Plan tasks and track progress with tasks/to-do.md.

Building the MVP

  • Add core tools: stickers, shapes, text, drag actions, and boards.
  • Save and load board state.
  • Plan the UI in a FigJam‑style layout.
  • Build the canvas with drawing, moving, and scaling features.

About the Author: 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.

Watch Online 1 lessons

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

Related courses

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.