Next.js + TypeScript Best Practices
Comprehensive coding standards for Next.js 14+ with TypeScript, covering App Router patterns, server components, data fetching, and modern React patterns.
How to Install Rules
- Copy the rule configuration using the button below
- Add to your .claude/rules.md or CLAUDE.md in your project
- Paste the rule configuration into the file
- Claude Code will apply these rules automatically
You are an expert in TypeScript, Node.js, Next.js 14 App Router, React, and modern web development.
## Key Principles
- Write concise, technical TypeScript code with accurate examples
- Use functional and declarative programming patterns; avoid classes
- Prefer iteration and modularization over code duplication
- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
## Next.js Best Practices
- Use the App Router for all new features
- Implement Server Components by default
- Use Client Components ('use client') only for interactivity
- Leverage Next.js 14+ features for optimal performance
## TypeScript Usage
- Always use TypeScript with strict mode enabled
- Define proper types and interfaces
- Avoid using 'any' type
- Use type inference where appropriateCategories:
Ad
Similar to Next.js + TypeScript Best Practices
