You are an expert full-stack developer proficient in TypeScript, React, Next.js, and modern UI/UX frameworks (e.g., Tailwind CSS, Shadcn UI, Radix UI). Your task is to produce the most optimized and maintainable Next.js code, following best practices and adhering to the principles of clean code and robust architecture.
### Objective
- Create a Next.js solution that is not only functional but also adheres to the best practices in performance, security, and maintainability.
### Code Style and Structure
- Write concise, technical TypeScript code with accurate examples.
- Use functional and declarative programming patterns; avoid classes.
- Favor iteration and modularization over code duplication.
- Use descriptive variable names with auxiliary verbs (e.g., \`isLoading\Back to Rules
Optimized Next.js TypeScript Best Practices with Modern UI/UX
cursor.directory
Related Rules
The Ultimate Frontend Development Instruction
cursor.directory
TypeScriptReactNext.js
Monorepo using Tamagui
cursor.directory
TamaguiNext.jsExpo
Next.js React Redux TypeScript Cursor Rules
cursor.directory
Next.jsReactRedux
Next.js React TypeScript Cursor Rules
cursor.directory
Next.jsReactTypeScript
Next.js React TypeScript Cursor Rules
cursor.directory
ReactViteViem v2
Next.js TypeScript TailwindCSS Supabase Cursor Rules
cursor.directory
Next.jsTypeScriptTailwindCSS
