# React Typescript Nextjs Nodejs Cursorrules Prompt

> Apply for react-typescript-nextjs-nodejs-cursorrules-prompt-. --- description: Enforces specific React/Next.js component development practices, including functional components, declarative JSX, UI library usage, and optimization techniques. globs: components/**/

- Skill: `tryboy869/react-typescript-nextjs-nodejs-cursorrules-prompt` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add tryboy869/react-typescript-nextjs-nodejs-cursorrules-prompt`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tryboy869/react-typescript-nextjs-nodejs-cursorrules-prompt/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Tryboy869 (https://skillmd.com/u/tryboy869)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/tryboy869/react-typescript-nextjs-nodejs-cursorrules-prompt

---


# react-typescript-nextjs-nodejs-cursorrules-prompt-

---
description: Enforces specific React/Next.js component development practices, including functional components, declarative JSX, UI library usage, and optimization techniques.
globs: components/**/*.{ts,tsx,js,jsx}
---
- Use functional components and TypeScript interfaces.
- Use declarative JSX.
- Use function, not const, for components.
- Use Shadcn UI, Radix, and Tailwind Aria for components and styling.
- Implement responsive design with Tailwind CSS.
- Use mobile-first approach for responsive design.
- Place static content and interfaces at file end.
- Use content variables for static content outside render functions.
- Minimize 'use client', 'useEffect', and 'setState'. Favor RSC.
- Use Zod for form validation.
- Wrap client components in Suspense with fallback.
- Use dynamic loading for non-critical components.
- Optimize images: WebP format, size data, lazy loading.