Cursor's .cursorrules file is your secret weapon for getting consistent code suggestions that match your project's style.

What Are Cursor Rules?

A .cursorrules file in your project root tells Cursor's AI about your project's conventions, preferred libraries, and coding style.

Setting It Up

Create a .cursorrules file in your project root:

# Project: Vibe Coding Tips
 
## Tech Stack
- Next.js 14 with App Router
- TypeScript (strict mode)
- Tailwind CSS
- MDX for content
 
## Code Style
- Use functional components with hooks
- Prefer named exports over default exports
- Use TypeScript interfaces, not types (unless union types needed)
- Keep components under 100 lines
 
## Naming Conventions
- Components: PascalCase
- Files: kebab-case
- Functions: camelCase
- Constants: SCREAMING_SNAKE_CASE

Pro Tips

• Keep rules concise - AI works better with clear, short instructions
• Update rules as your project evolves
• Include examples of good patterns from your codebase

The Result

With good cursor rules, you'll spend less time correcting AI suggestions and more time shipping features.