Cursor · Web framework
Cursor rules for Next.js
Next.js rules teach Cursor your App Router conventions — server vs client components, where to put route handlers, when to reach for Server Actions, and how your data-fetching and caching boundaries are drawn. A good .cursorrules file stops the model defaulting to the Pages Router or sprinkling 'use client' on everything.
Every .cursorrules and .mdc file below targets Next.jsand is quality-scored from automated signals — freshness, schema completeness, and review activity — not star counts you can game. Each listing carries its real GitHub author and SPDX license, so you know exactly what you're pasting into your repo and under what terms. That's the difference between this and an awesome-cursor-rules link dump: here a stale or broken Next.js rule sinks to the bottom instead of sitting at the top because someone starred it in 2024.
Top Next.js Cursor rules by quality score
Ranked by quality score, refreshed daily. 11 Next.js rules on RuleSell right now.
How to install a Next.js .mdc rule
1. Pick a rule above
Open the highest quality-scored Next.js listing and read the preview — make sure its conventions match your stack before you copy it.
2. Choose a location
Project-wide rules go in .cursorrules at your repo root. Scoped rules go in .cursor/rules/nextjs.mdc and attach to file globs.
3. Paste and scope it
Drop the contents in. For a .mdc file, set the frontmatter globs (e.g. globs: "**/*.ts") so Cursor auto-attaches it only for Next.js files.
4. Reload Cursor
Reload the Cursor window so the rule is loaded, then confirm it appears under Settings → Rules in your active context.
# Project-wide rule
cp nextjs.cursorrules ./.cursorrules
# Or a scoped .mdc rule (auto-attaches by glob):
mkdir -p .cursor/rules
cat > .cursor/rules/nextjs.mdc <<'EOF'
---
description: Next.js project conventions
globs: "**/*"
alwaysApply: false
---
# ...paste the rule body here...
EOFNext.js Cursor rules — frequently asked
What's the best Cursor rule for Next.js?
The best Next.js Cursor rule is the one that encodes your project's conventions — not a generic one-size-fits-all file. On RuleSell, Next.js rules are ranked by quality score (freshness, schema completeness, and review signals), so the top of this page is a defensible starting point. Open the highest-scored listing, then trim it to match your stack.
Where do Next.js .cursorrules files go?
Put a project-wide rule in a .cursorrules file at your repo root. For scoped rules, create .cursor/rules/nextjs.mdc and attach it to the relevant file globs (for example **/*.ts) so Cursor only loads it when you're editing matching Next.js files. Commit both to git so your whole team gets the same context.
Do these Next.js rules work in Windsurf or Claude Code too?
Often, yes. A plain-markdown Next.js rule frequently works as-is in Windsurf (rename to .windsurfrules) and as project context for Claude Code (paste into CLAUDE.md). RuleSell dual-tags listings that are verified compatible across environments.
Are these Next.js Cursor rules free?
Yes — every listing is free to download during beta. Each Next.js rule keeps its original GitHub author attribution and SPDX license, so you always know the provenance. Paid publishing with creator payouts opens after beta.