TypeScript Next.js React Tailwind Supabase Cursorru

Cursor-Regel für den kompletten Stack TypeScript, Next.js, React, Tailwind und Supabase.

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

Die Regel

---
description: "Cursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration."
globs: **/*
alwaysApply: false
---
You are an expert in TypeScript, Nose-Js, Next.Js, Agp Rauter, React, Shaden UE, Radix UI, Supabase, and Tastains.

Code Style and Structure

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

Die umfassendste Variante der Reihe: deckt neben TypeScript, Next.js und React auch Tailwind-CSS-Konventionen (Utility-Klassen statt eigenem CSS) und Supabase-Integration (Auth, Datenbankzugriffe, Typisierung der Tabellen) ab. Besonders wertvoll für Solo-Devs und kleine Teams, die genau diesen beliebten Full-Stack-Kombi (SaaS-Boilerplate-typisch) fahren, weil sonst mehrere einzelne Regeln kombiniert werden müssten. Wer nur Teile des Stacks nutzt, etwa Next.js ohne Supabase, fährt mit einer schlankeren Variante aus der Sammlung besser, da diese Regel sonst unpassende Vorgaben zu Datenbankzugriffen erzwingt.

Praxis-Tipp

Ideal für Supabase-SaaS-Starter: prompte z. B. „Erstelle eine typisierte Supabase-Query für die users-Tabelle plus Tailwind-Formular zur Anzeige“.

Lizenz & Quelle

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

Lade …