Next.js TypeScript Cursor Rules

Cursor rules for Next.js with TypeScript, App Router, and server components

Frontend Next.js Cursor Rules

Details

Category: Frontend
Framework: Next.js
Format: Cursor Rules
Source: View on GitHub

How to install in Cursor

One-line install 

npx -y degit PatrickJS/awesome-cursorrules/rules/nextjs-typescript-cursorrules-prompt-file .

Manual steps

  1. Download or copy the rules file from the source repository.
  2. Add it to your project root as .cursorrules.
  3. Restart Cursor — the rules will be active for all AI interactions in this project.
Get from source

Need a different skill for your flow?

Get AI-ranked skill recommendations based on your tooling and use case.

Open AI Tool Finder