nextjs-react-redux-typescript-cursor-rules
This skill delivers a complete ruleset for building maintainable Next.js and React applications with Redux Toolkit and TypeScript. It covers code style conventions, component patterns, performance optimization, state management strategies, and accessibility standards grounded in SOLID principles and functional programming approaches.
nextjs-react-redux-typescript-cursor-rules provides comprehensive coding standards and architectural guidelines for Next.js, React, Redux Toolkit, and TypeScript projects.
AI-generated summary based on this skill's SKILL.md
Install
Mindrally/skills/nextjs-react-redux-typescript-cursor-rules
git clone https://github.com/Mindrally/skills
cp -r skills/nextjs-react-redux-typescript-cursor-rules ~/.claude/skills/nextjs-react-redux-typescript-cursor-rulesnpx skillfed install Mindrally/skills/nextjs-react-redux-typescript-cursor-rulesFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What best practices does nextjs-react-redux-typescript-cursor-rules cover?
nextjs-react-redux-typescript-cursor-rules delivers comprehensive guidance on coding standards for Next.js, React, Redux Toolkit, and TypeScript development. It includes SOLID principles, component architecture patterns, state management strategies, performance optimization techniques, and accessibility standards. The skill emphasizes functional programming approaches and provides cursor rules for maintaining code quality and consistency across scalable applications.
How do I implement next.js react redux typescript best practices?
nextjs-react-redux-typescript-cursor-rules provides complete rulesets for Next.js, React, Redux, and TypeScript development. It covers code style conventions, component patterns using functional components, Redux state normalization, TypeScript strict mode implementation, and type safety strategies. The skill includes guidelines for Redux Toolkit integration, server components setup, and maintaining consistency through cursor rules and development standards.
What component architecture patterns does this skill teach?
nextjs-react-redux-typescript-cursor-rules emphasizes SOLID principles and scalable component architecture. It covers functional component patterns, proper state management with Redux Toolkit, TypeScript interfaces for props and state, performance optimization with useMemo and useCallback, and error boundary implementation. The skill provides patterns for building maintainable applications that scale effectively.
Does nextjs-react-redux-typescript-cursor-rules include testing and accessibility?
Yes, nextjs-react-redux-typescript-cursor-rules covers testing, accessibility, and security best practices for modern web applications. It includes guidance on React Testing Library and Jest setup, accessibility (a11y) implementation standards, error handling with error boundaries, and form validation using tools like Zod and react-hook-form. These practices ensure robust, accessible, and secure applications.
How does this skill help with TypeScript strict mode?
nextjs-react-redux-typescript-cursor-rules provides strategies for implementing TypeScript strict mode in React development. It covers type safety approaches, proper TypeScript interfaces for Redux state and props, and strict typing patterns for functional components. The skill ensures developers can leverage TypeScript's full type-checking capabilities to catch errors early and maintain code quality.
What cursor rules and development guidelines are included?
nextjs-react-redux-typescript-cursor-rules includes cursor rules specifically designed for React and Next.js development. These guidelines maintain code quality and consistency across projects, covering naming conventions, file organization, component structure, state management patterns, and styling approaches. The rules support scalable application development while ensuring team-wide consistency.
SKILL.md
rendered from the published skill — quoted content, verbatim
Next.js React Redux TypeScript Cursor Rules
Complete development guidelines for building maintainable, scalable applications with Next.js, React, Redux Toolkit, and TypeScript.
Development Philosophy
- Produce maintainable, scalable code following SOLID principles
- Favor functional and declarative approaches over imperative styles
- Prioritize type safety and static analysis
- Embrace component-driven architecture
Code Style Standards
- Indentation: Use tabs
- Strings: Use single quotes (unless escaping needed)
- Semicolons: Omit unless disambiguation required
- Operators: Space around infix operators
- Functions: Space before declaration parentheses
- Equality: Always use
===over== - Line length: Maximum 80 characters
- Conditionals: Use braces for multi-line if statements
- Collections: Trailing commas in multiline arrays/objects
Naming Conventions
| Convention | Usage |
|---|---|
| PascalCase |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
nextjs-react-redux-typescript-cursor-rules/SKILL.md