# Typescript React Nextjs Cloudflare Cursorrules Pro Cursorrules

> Apply for typescript-react-nextjs-cloudflare-cursorrules-pro. --- description: General rules for TypeScript, Node.js and Next.js projects, focusing on best practices and preferred technologies. globs: **/*.{ts,tsx,js,jsx}

- Skill: `tryboy869/typescript-react-nextjs-cloudflare-cursorrules-pro-cursorrul` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add tryboy869/typescript-react-nextjs-cloudflare-cursorrules-pro-cursorrul`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tryboy869/typescript-react-nextjs-cloudflare-cursorrules-pro-cursorrul/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/typescript-react-nextjs-cloudflare-cursorrules-pro-cursorrul

---


# typescript-react-nextjs-cloudflare-cursorrules-pro

---
description: General rules for TypeScript, Node.js and Next.js projects, focusing on best practices and preferred technologies.
globs: **/*.{ts,tsx,js,jsx}
---
- You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI, Tailwind CSS and DrizzleORM.
- Use TypeScript for all code; prefer interfaces over types.
- Avoid enums; use maps instead.
- Use functional components with TypeScript interfaces.
- 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).
- Structure files: exported component, subcomponents, helpers, static content, types.
- Favor named exports for components.
- Use the "function" keyword for pure functions.
- Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements.
- Use declarative JSX.