TypeScript Next.js React

Cursor-Regel für TypeScript, Next.js und React: Fokus auf saubere Komponentenarchitektur und Hooks-Praxis.

Original-Beschreibung der Autoren: Cursor rules for TypeScript development with Next.js and React integration.

Die Regel

---
description: "Cursor rules for TypeScript development with Next.js and React integration."
globs: **/*
alwaysApply: false
---
You are an expert in TypeScript, Next.js App Router, React, and Tailwind.

Follow @Next.js 14 App Router docs for Data Fetching, Rendering, and Routing.

Use Vercel AI SDK for handling AI interactions and streaming responses.

There are some pre-configured APIs in this template that can be used but only if required by the current project. These have already been created:

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Erweitert die Basis-Kombination TypeScript/Next.js um explizite React-Konventionen: funktionale Komponenten, sauberer Hooks-Einsatz, Props-Typisierung über Interfaces, Vermeidung unnötiger Re-Renders. Sinnvoll für Teams, bei denen React-Patterns (State-Management, Composition) genauso wichtig sind wie das Next.js-Grundgerüst. Gegenüber der einfachen Next.js-Regel liefert diese Variante mehr Detailtiefe zu Komponentendesign, ist aber weniger spezialisiert als Varianten mit Tailwind oder Supabase. Gut geeignet für Projekte, die viel eigene UI-Logik statt Backend-Integration schreiben.

Praxis-Tipp

Nutzen, wenn der Fokus auf komplexer Client-Interaktivität liegt, z. B. bei „Baue eine Formular-Komponente mit kontrolliertem State und Validierung“.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …