Next.js TypeScript App

Wie die TypeScript-Grundregel, aber mit Fokus auf App-Struktur und Routing statt nur auf Typisierung.

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

Die Regel

---
description: "Cursor rules for Next.js development with TypeScript integration."
globs: **/*
alwaysApply: false
---
This project, named Astral, the Block Explorer of Autonomys network, is built using Next.js and TypeScript.

It integrates various libraries for state management, UI components, and data fetching.

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

Ähnlich wie die reine Next.js-TypeScript-Regel, aber stärker auf eine konkrete Anwendung statt ein isoliertes Setup ausgerichtet — inklusive Routing-Struktur und Ordnerorganisation nach Features statt nur Typregeln. Der Unterschied ist graduell: Es geht nicht nur darum, wie Typen geschrieben werden, sondern wie eine ganze App aus mehreren Seiten und Komponenten strukturiert wird. Sinnvoll für alle, die über eine einzelne Seite hinaus ein mehrseitiges Projekt aufbauen und von Anfang an eine nachvollziehbare Ordner- und Routing-Struktur wollen. Wer nur eine einzelne Komponente oder ein sehr kleines Projekt plant, kommt mit der schlankeren TypeScript-Grundregel wahrscheinlich weiter.

Praxis-Tipp

Gut geeignet, um direkt zu Beginn eines Mehrseiten-Projekts die Ordnerstruktur (app/, components/, lib/) von Cursor konsistent anlegen zu lassen.

Lizenz & Quelle

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

Lade …