IDE Setup

MkSaaS comes with pre-configured settings for popular code editors like VSCode and Cursor to provide an optimal development experience. This guide will help you set up your editor for maximum productivity.

Recommended IDE - Cursor

Cursor is a code editor built on top of VSCode that provides AI-assisted development features. It's especially useful for working with MkSaaS.

If you're using Cursor, you can take advantage of its AI capabilities to:

1. Get context-aware code completions
2. Generate code based on natural language prompts
3. Refactor code intelligently
4. Get documentation and explanations for complex parts of the codebase

User rules

MkSaaS includes several predefined Cursor rules in the .cursor/rules directory that provide coding best practices and guidelines for different technologies used in the project. These rules help maintain code quality and consistency:

These rules are automatically loaded in Cursor and can be applied to your code by selecting them from the Cursor rules panel. They provide context-aware guidance to improve your development workflow.

Documentation

To enhance your development experience, it's recommended to add the official documentation for key technologies to your Cursor documentation panel. This allows you to quickly reference documentation without leaving your editor.

Consider adding documentation from:

• Next.js Documentation - For core framework features
• Drizzle ORM Documentation - For database operations
• Tailwind CSS Documentation - For styling
• Radix UI Documentation - For UI components
• Shadcn/ui Documentation - For pre-built components
• Better Auth Documentation - For authentication
• Resend Documentation - For email and newsletter functionality
• Stripe Documentation - For payment processing
• Vercel AI SDK Documentation - For AI features
• Zustand Documentation - For state management
• Next-Intl Documentation - For internationalization
• Fumadocs Documentation - For documentation
• Next-Safe-Action Documentation - For safe actions
• Content Collections Documentation - For blog

To add documentation in Cursor:

1. Open Cursor Settings
2. Go to the Features tab
3. Go to the Docs panel
4. Click the "+ Add new doc" button
5. Add the documentation URL and name

Having these docs readily available in your IDE will significantly speed up development by reducing context switching.

Recommended Extensions

The project includes a .vscode/extensions.json file that will prompt you to install recommended extensions when you open the project in VSCode or Cursor. MkSaaS works best with the following extensions:

Recommended Editor Configuration

The repository includes pre-configured settings in .vscode/settings.json that set up:

Recommended Workflow

For the best development experience with MkSaaS:

Next Steps

Now that your editor is configured, explore these related topics: