nextjs-app-router-…

Best Practices speziell für das Next.js App-Router-Paradigma (Server Components, Routing)

Für wen: Next.js-Einsteiger und Umsteiger von Pages Router

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 fokussiert sich gezielt auf das App-Router-Paradigma von Next.js, also Server Components, verschachteltes Routing, Layouts und die Unterschiede zum älteren Pages Router. Statt allgemeiner Next.js-Hinweise bekommt die KI konkrete Leitplanken, wann Server- und wann Client-Components sinnvoll sind und wie Daten, Loading- und Error-States idiomatisch gelöst werden. Besonders hilfreich für Einsteiger und für Entwickler, die von Pages Router umsteigen und noch in alten Mustern denken. Der komplette Next.js/React/TypeScript-Stack mit Shadcn und Tailwind enthält dieselben App-Router-Prinzipien plus zusätzliche UI-Konventionen, ist dafür aber deutlich umfangreicher als diese fokussierte Routing-Regel.

Praxis-Tipp

Gezielt beim Umbau eines Pages-Router-Projekts auf App Router einsetzen, damit die KI konsequent auf Server Components statt getServerSideProps & Co. umstellt.

Siehe auch

• nextjs-react-typescript-…
• nextjs15-react19-vercelai-tailwind-…
• tailwind.mdc

Lizenz & Quelle

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

Lade …