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

Das ist die am weitesten ausgebaute der Next.js-Regeln im Verzeichnis: Sie kombiniert App-Router-Konventionen mit einem konkreten, modernen Tech-Stack aus TypeScript, Shadcn UI, Radix-Primitives und Tailwind CSS. Statt allgemeiner Next.js-Hinweise bekommt die KI damit ein festes Set an Vorgaben, wie Komponenten, Styling und Typisierung zusammenspielen sollen, was bei generiertem Code für weniger Nacharbeit sorgt. Ideal für Teams, die diesen speziellen Stack bereits gewählt haben; wer ein anderes UI-Kit oder CSS-Framework nutzt, profitiert eher von der schlankeren nextjs-app-router- oder next-js.mdc-Regel, da sonst Vorgaben und tatsächlicher Stack auseinanderlaufen.

Praxis-Tipp

Setze diese Regel nur ein, wenn dein Projekt wirklich Shadcn UI, Radix und Tailwind nutzt — sonst schlägt die KI Bibliotheken vor, die gar nicht installiert sind.

Siehe auch

• nextjs-app-router-…
• react.mdc
• tailwind.mdc

Lizenz & Quelle

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

Lade …