Next.js ShadCN UI Coding Standards

Framework-specific coding standards and best practices for Next.js 15, React 19, and ShadCN development

Rule

Kevin Kern

rule-next-shadcn-coding-standards.mdc

.cursor/rules

Add prompts as project rules inside the .cursor/rules/ directory (e.g., .cursor/rules/cursorrules.mdc). Cursor will automatically detect and apply them. For detailed guidance, refer to the official Cursor rule guide.

.github

Create a .github/copilot-instructions.md file in your repository's root directory and add natural language instructions in Markdown format. These instructions will guide Copilot's behavior across your project. More information is available in the GitHub Copilot documentation.

.windsurfrules

Add a .windsurfrules file into the project root. Windsurf Getting Started Guide.

Get Proven AI Skills
for Profitable Projects

Instructa Pro helps you to become confident with AI and use it in real-world projects.

Get All-Access today