next-js-14-general-rules

next-js-14-general-rules is a cursor rule for Cursor from toptalentcoder/Cursor-AwesomeRules. It costs 270 tokens per session, scanned A, a copy of next-js-14-general-rules, CC0-1.0.

A set of Next.js 14 development rules covering the App Router, server-rendered components, TypeScript, responsive layouts, data fetching, SEO, errors, and loading states.

In plain words
What is it for?
Use it when generating pages, components, API handlers, metadata, or loading and error screens in Next.js 14.
Why use it?
It reduces uncertainty about how different parts of a modern Next.js application should be structured.

Cursor rule for Cursor

Written for Cursor: a Cursor rule (.mdc).

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add rules/toptalentcoder/cursor-awesomerules/next-js-14-general-rules
Clone the repo
git clone --depth 1 https://github.com/toptalentcoder/Cursor-AwesomeRules

Made for: Cursor.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for next-js-14-general-rules

README.md
[![agentmods](https://agentmods.dev/badge/rules/toptalentcoder/cursor-awesomerules/next-js-14-general-rules.svg)](https://agentmods.dev/rules/toptalentcoder/cursor-awesomerules/next-js-14-general-rules)
Your own site
<a href="https://agentmods.dev/rules/toptalentcoder/cursor-awesomerules/next-js-14-general-rules"><img src="https://agentmods.dev/badge/rules/toptalentcoder/cursor-awesomerules/next-js-14-general-rules.svg" alt="Measured on agentmods" height="20"></a>
Per session 270 This file is loaded in full into every session.
When invoked 270 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin 100% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00270 $0.00270
Opus 5 $0.00135 $0.00135
Sonnet 5 $0.00054 $0.00054
Haiku 4.5 $0.00027 $0.00027

Measured 2d ago against content hash 732331567d15, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

next-js-14-general-rules scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to next-js-14-general-rules — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup/next-js-14-general-rules.mdc · 17 lines

What it actually says

  • Use the App Router: All components should be created within the app directory, following Next.js 14 conventions.
  • Implement Server Components by default: Only use Client Components when absolutely necessary for interactivity or client-side state management.
  • Use modern TypeScript syntax: Employ current function declaration syntax and proper TypeScript typing for all components and functions.
  • Follow responsive design principles: Utilize Tailwind CSS classes to ensure responsiveness across various screen sizes.
  • Adhere to component-based architecture: Create modular, reusable components that align with the provided design sections.
  • Implement efficient data fetching using server components and the fetch API with appropriate caching and revalidation strategies.
  • Use Next.js 14's metadata API for SEO optimization.
  • Employ Next.js Image component for optimized image loading.
  • Ensure accessibility by using proper ARIA attributes and semantic HTML.
  • Implement error handling using error boundaries and error.tsx files.
  • Use loading.tsx files for managing loading states.
  • Utilize route handlers (route.ts) for API routes in the App Router.
  • Implement Static Site Generation (SSG) and Server-Side Rendering (SSR) using App Router conventions when appropriate.
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 17 lines · 270 tokens per session scan A 732331567d15

Subscribe to this mod's changes

next-js-14-general-rules is a cursor rule published in the GitHub repository toptalentcoder/Cursor-AwesomeRules (6 stars, last pushed 1y ago), licensed CC0-1.0. It adds 270 tokens to every session, about $0.0014 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to next-js-14-general-rules, differing in 0 lines, and is treated as a copy.