IDE-Tools · Foto: Homedust, CC BY 2.0
Next.js TypeScript App
Zuletzt aktualisiert:
Typ
Regel
Lizenz
CC0 1.0
Anwendungsfeld
Cursor Rules
Voraussetzungen
Keine besonderen — direkt loslegen.
Cursor-Regel für Next.js/TypeScript mit Fokus auf App-Router-Struktur und Routing statt reiner 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
Diese Cursor-Regel aus der CC0-Sammlung ist auf Next.js mit TypeScript zugeschnitten, legt den Schwerpunkt aber auf App-Router-Struktur und Routing statt auf reine Typisierungsvorgaben. Sie gibt Konventionen für Ordnerlayout, Seiten, Layouts und verschachtelte Routen vor, sodass generierter Code zur bestehenden Projektstruktur passt statt beliebig verstreute Dateien anzulegen. Sinnvoll für Teams, die ein neues App-Router-Projekt aufsetzen und von Anfang an konsistente Verzeichnis- und Komponentenstrukturen wollen, statt das später manuell nachzuziehen. Wer nur strengere Typsicherheit sucht, ist mit einer reinen TypeScript-Regel besser bedient — hier liegt der Mehrwert klar in der Projektorganisation.
Praxis-Tipp
Aktivieren Sie die Regel direkt beim Anlegen eines neuen App-Router-Projekts, etwa mit dem Prompt „Lege eine Route /dashboard/settings mit eigenem Layout an“ — Cursor hält sich dann an die vorgegebene Ordnerstruktur.
Lizenz & Quelle
- Lizenz: CC0 1.0
- Quelle: PatrickJS/awesome-cursorrules (GitHub)
Inhalt ansehen (nextjs-typescript-app.mdc)
Lade …
Erfahrungen & Kommentare.
Funktioniert der Regel bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.
Lade Kommentare …
Passt dazu.
AI Agent Specialist
Cursor-Regel für diszipliniertes, klar abgegrenztes Agenten-Verhalten statt unstrukturierter KI-Antworten.
Alpha Skills Quant Factor Research
Cursor-Regel für methodisch saubere quantitative Faktor-Recherche im Trading-Umfeld.
Android Jetpack Compose
Cursor-Regel für idiomatischen, deklarativen Android-UI-Code mit Jetpack Compose.
