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 explizit auf das App-Router-Paradigma von Next.js — Server Components als Standard, verschachtelte Layouts, das neue Routing-Modell mit page.tsx/layout.tsx und Datenladen direkt in Server Components statt über getServerSideProps. Besonders hilfreich für Entwickler, die von Pages Router umsteigen und die konzeptionellen Unterschiede, etwa wann „use client“ nötig ist, noch verinnerlichen müssen. Im Gegensatz zur allgemeineren next-js.mdc-Regel geht sie tiefer auf dieses eine Paradigma ein, dafür ohne Festlegung auf ein bestimmtes UI-Kit. Für reine Pages-Router-Projekte ist sie nicht die richtige Wahl.

Praxis-Tipp

Frag gezielt nach App-Router-spezifischen Mustern, z. B. „Wie strukturiere ich verschachtelte Layouts mit parallelen Routes?“, um von der Spezialisierung zu profitieren.

Siehe auch

• nextjs-react-typescript-…
• react.mdc
• tailwind.mdc

Lizenz & Quelle

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

Lade …