Cursor Course: MCP | Full Stack | Free SaaS Boilerplate

Tour of Cursor's user interface and essential features.

Deep dive into Cursor's AI-powered Tab code completion.

A practical exercise to practice Tab completion within Cursor. The files are within the Github repository and are also attached on this lesson.

Efficiently refactoring and improving code with Cursor.

A practice lesson for CMD/CTRL K so that you can easily familiarize yourself with this feature.

Learning how to create a .cursor/rules directory and building a simple nextjs dashboard with shadcn.

Learn how to easily revert to previous checkpoints within Cursor. This is particularly important when doing multi-file editing and regressions or bugs are introduced, whilst previously your code was working. Checkpoints allow you to revert all of the files back to that version.

Start practicing how to use agent mode from creating a NextJS project to implementing several pages.

Find out what you’ll be learning within the advanced Cursor techniques, this includes but is not limited to parallel chat sessions, custom mode, @codebase and many more features!

Why it is important to add a .gitignore file within your project so that Cursor can only index relevant files for your project to improve performance when using the @codebase command in Chat mode.

Learn how to use images natively within Cursor to convert diagrams directly into React.js components.

Learn about how you can load several chat sessions in Cursor that perform asynchronous tasks to speed up your development workflow. The key is to make sure that each chat window works on an isolated task so that there isn't any overlap of file modifications.

Easily learn how to create your own instructions instead of solely relying on Agent / Chat or Manual.

Learn how to use Cursor to automatically using the Conventional Commits specification.

Use a dictation tool to speak to composer, to speed up your development workflows.

Learn how to use custom documentation within Cursor to substitute large language models with additional resources for improved code generation.

Learn how to add images within Cursor to improve your coding workflows. A great use case for this is to take architectural diagrams or workflow diagrams and ask Cursor to code these into a script.

Accessing up-to-date information within Cursor via @web

Learn about MCP (Model Context Protocol) and why it is important in the context of Cursor.

Easily find different types of MCP servers and learn how best to install them from directories.

A hands-on introduction to setting up Docker on various operating systems, including Windows, macOS, and Linux.

To install the Supabase CLI on macOS, Windows, or Linux, you can use package managers like Homebrew (brew install supabase/tap/supabase), npm (npm install supabase --save-dev), or run commands directly with npx/bunx (npx supabase <command>).

After installation, initialize your project with npx supabase init or supabase init and start the local Supabase stack with supabase start to access all services including the API, database, and Studio interface.

Install the Supabase CLI locally with npm (npm install supabase --save-dev) and start your local development environment using npx supabase start to access the complete Supabase stack. Use SQL migration files in the supabase/migrations directory to define your database schema with table creation statements, then apply them to your local instance with npx supabase db reset to generate and populate your tables.

Discover how to use existing MCP servers within Cursor to securely access tools and data sources while extending their capabilities to solve real-world problems across various domains.

Learn to develop your own Model Context Protocol servers that empower AI assistants to interact with APIs, databases, and services, giving you the skills to create custom AI tools for virtually any application or platform.

Know when to use MCP or when to use an alternative method within Cursor to improve your software development experience.

You can access the boilerplate here at: https://github.com/Just-Understanding-Data-Ltd/supabase-tdd-boilerplate

In this lesson, you'll discover how to leverage AI assistants like Cursor to generate, store, and maintain boilerplate code—dramatically reducing development time while maintaining consistency across projects.

Learn the strategic framework for deciding when to use traditional boilerplate versus AI-generated code, and identify opportunities to implement these techniques in your own development workflow.

For this project, you’ll need to make sure that you have pnpm, NodeJS and Docker installed on your machine.

Learn how to start all of the web servers within the SaaS boilerplate, spinning down the containers using pnpm db:stop and pnpm db:start to load the Supabase local stack.

Explore various parts of the SaaS boilerplate, so that you can get familiar with a production grade stack.

In this lesson, you’ll learn how to create a product requirements document so that you can easily tell Cursor how to work step by step through all of the tasks later on.

You will learn how to modify an existing onboarding flow within the SaaS boilerplate to make it more relevant for a chat bot use case.

In this lesson, you’ll learn how to add extra tables to the Postgres Supabase database, how to create custom docs in Cursor as well as setting up an OpenAI account.

In this lesson, you’ll focus on installing creating all of the React components and routing for powering our chat based application.

Learn how Vercel AI SDK’s package works and how to integrate it into our existing application.

Learn how to ground your chat bot within company specific knowledge via the Developer Message (System Prompt)

Easily edit the homepage by leveraging a centralised configuration file for the NextJS application.

Explore the documentation for the SaaS boilerplate, how to set up Supabase authentication and how to push your local changes to the remote Postgres database.

Learn how to set up a Vercel project, how to set up your environment variables as well as fixing a deployment issue.

It's also recommended to check the logs when your production deployment doesn't exactly mirror your local development environment. Using Vercel's logs will help you to find differences and to easily resolve deployment issues.

In this section, you'll master essential workflows to maximize your productivity with Cursor across various programming languages. You'll learn to leverage different AI models for planning and execution, optimize code indexing through strategic commenting, and customize settings to prevent common errors.

Always refer to https://www.cursor.com/changelog to keep updated with the latest changes!

Discover how to harness the power of different AI models for various tasks within Cursor, unlocking state-of-the-art results in your development workflow. You'll learn to use O1-preview for sophisticated task planning, then leverage Claude 3.7 Sonnet for efficient code generation, maximizing the strengths of each model. By mastering this approach, you'll elevate your coding process, combining expert planning with precise execution to create more robust and innovative applications.

Learn how to identify top-performing AI models for coding using the Chatbot Arena Leaderboard and the Code Generation on HumanEval dataset. You'll learn to navigate these resources, comparing models like GPT-4, Claude 3.5 Sonnet, and others to find the best fit for your coding needs.

By staying informed about model performance, you'll be able to adapt your Cursor workflow, ensuring you're always leveraging the most powerful AI assistance for your development projects.

Learn how to customize Cursor's output to match your preferred coding style by effectively using the cursor rules file. You'll discover how to incrementally add styling preferences and avoid common mistakes as you encounter them during development.

By consistently updating your cursor rules, you'll create a personalized AI coding assistant that aligns perfectly with your coding standards, improving consistency and reducing errors in your full-stack web applications.

Discover how to enhance Cursor's code retrieval capabilities by strategically adding comments to your codebase. You'll learn why extensive commenting improves the accuracy of the @codebase command and how it affects the embedding space used for queries.

By implementing this best practice, you'll optimize your AI-assisted coding workflow, making it easier to navigate and understand complex projects through more contextually rich code retrieval.

Learn about role prompting, emotional prompting, and providing specific directions to significantly improve code quality and comprehensiveness. By experimenting with these techniques in your projects, you'll unlock Cursor's full potential, leading to more efficient and effective AI-assisted coding sessions.

It’s essential that you know how to restart the TypeScript server after doing lots of multi-file editing.

Learn how to easily optimize your Github Repository and Software Development practices to get the most out of LLMs and Cursor.