nextjs-react-typescript-…

Experten-Regeln für Next.js 14 App Router mit React, TypeScript, Shadcn UI, Radix, Tailwind

Für wen: Moderne Fullstack-Web-Teams

So nutzt du es

Datei in deinem Projekt unter .cursor/rules/ ablegen (modernes .mdc-Format) oder den Inhalt in den Cursor-Einstellungen unter Rules einfügen. Cursor hält sich ab dann in diesem Projekt an die Regeln — z. B. Stack-Konventionen und Code-Stil.

Im Detail

Diese Regel deckt einen kompletten modernen Frontend-Stack ab: Next.js 14 mit App Router, React, TypeScript, dazu Shadcn UI und Radix als Komponentenbasis sowie Tailwind für Styling. Sie richtet sich an Fullstack-Teams, die nicht nur Routing-Konventionen brauchen, sondern auch Vorgaben zu Komponentenaufbau, Typisierung und Design-System-Nutzung. Der Umfang macht sie mächtiger, aber auch spezifischer als die reine App-Router-Regel oder die generische next-js.mdc; sie passt am besten, wenn im Projekt tatsächlich Shadcn/Radix zum Einsatz kommt. Bei einem anderen UI-Kit sind Teile der Regel weniger relevant, dann fährt man mit einer schlankeren Alternative besser.

Praxis-Tipp

Nur einsetzen, wenn Shadcn UI und Radix wirklich im Projekt stecken, sonst schlägt die KI unnötig Komponenten aus diesen Libraries vor.

Siehe auch

• nextjs-app-router-…
• nextjs15-react19-vercelai-tailwind-…
• tailwind.mdc

Lizenz & Quelle

• Lizenz: CC0-1.0
• Quelle: github.com/PatrickJS/awesome-cursorrules

Lade …