Next.js AI Coding Rules

Browse curated Next.js rules for Claude Code, Cursor and more. 7 rules available.

Vercel Next.js CLAUDE.md

Next.jsモノレポ（13.8万スター）の公式CLAUDE.md。ビルドコマンド、watchモード高速開発、テストモード、PRトリアージ、主要エントリポイントを網羅。

# Next.js Development Guide

> **Note:** `CLAUDE.md` is a symlink to `AGENTS.md`. They are the same file.

## Codebase structure

### Monorepo Overview

This is a pnpm monorepo containing the Next.js framework and related packages.

```
next.js/
├── packages/           # Published npm packages
├── t...

vercel/next.js138,000

CLAUDE.mdNext.js

TypeScript

Cal.com — Do/Don'tフォーマット

Cal.comのクリーンなDo/Don'tスタイルAGENTS.md。Prismaベストプラクティス、TypeScript厳密ルール、エラー処理、PR規模ガイドラインを網羅。

# Cal.com Development Guide for AI Agents

You are a senior Cal.com engineer working in a Yarn/Turbo monorepo. You prioritize type safety, security, and small, reviewable diffs.

## Do

- Use `select` instead of `include` in Prisma queries for performance and security
- Use `import type { X }` for T...

calcom/cal.com40,200

AGENTS.mdNext.js

TypeScript

Dan Abramovのブログ — overreacted.io

Reactコアチームメンバー Dan AbramovのCLAUDE.md。Next.js 15静的ブログ、MDX処理パイプライン、Shikiシンタックスハイライト、率直なコミットメッセージガイドライン。

# CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

## Development Commands

```bash
# Start development server
npm run dev

# Build static site for production
npm run build

# Start production server (after build)
npm start

# Lint th...

gaearon/overreacted.io7,300

CLAUDE.mdNext.js

TypeScript

YourNextStore: ECサイト AGENTS.md

Commerce Kit SDKの例、Biomeリントルール、エラーハンドリングパターン、モード別エージェントワークフローノートを含むAIネイティブECプラットフォーム。

# AGENTS.md

Your Next Store -- e-commerce app built with Next.js App Router + Commerce Kit SDK.

## Commands
```bash
bun dev           # Dev server (port 3000)
bun run build     # Production build
bun start         # Production server
bun run lint      # Biome lint (--write to auto-fix)
bun run for...

yournextstore/yournextstore5,300

AGENTS.mdNext.js

TypeScript

Next.js + TypeScript アプリ

Next.js App Router + TypeScriptの包括的ルール。Server Components優先、Shadcn UI、Tailwind CSS。

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind CSS.

Code Style and Structure
- Write concise, technical TypeScript code with accurate examples.
- Use functional and declarative programming patterns; avoid classes.
- Prefer iteration and modular...

cursor.directory1,240

.cursorrulesNext.js

TypeScript

next-devtools-mcp — CLAUDE.md

Next.js Development for Coding Agent

# CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

## Project Overview

This is an MCP (Model Context Protocol) server that provides Next.js development tools for AI coding assistants. The server exposes tools, prompts, and resources ...

vercel/next-devtools-mcp679

Next.js

TypeScript

Next.js + Supabase + Shadcn PWA

Supabaseバックエンド、Shadcn UIコンポーネント、PWAサポート付きフルスタックNext.js。

## Key Principles

- **Code Quality & Style**

  - Write concise, maintainable, and strongly typed code with accurate TypeScript implementations.
  - Embrace functional, declarative programming. Avoid OOP and classes.
  - Limit files to a maximum of 150 lines; refactor into smaller modules if exceed...

awesome-cursorrules

.cursorrulesNext.js

TypeScript

Explore more rules

Browse all 157 rules across CLAUDE.md, .cursorrules, AGENTS.md and Image Prompts.

Browse All

Other Frameworks

NanoBananaPro (11) General (10) React (9) Next.js (7) Flutter (4) Midjourney (4) FastAPI (3) Svelte (2) Django (2) stdlib (2) Laravel (2) Flux (2) GPT-Image (2) Prisma (2) Terraform (2) Kubernetes (2) Go (2)