TypeScript Next.js React Tailwind Supabase Cursorru

Cursor-Regel für den Gesamtstack 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

Diese Cursor-Regel deckt einen kompletten, sehr verbreiteten Stack ab: TypeScript und React im Next.js-Rahmen, Tailwind für Styling und Supabase als Backend mit Datenbank und Auth. Sie sorgt dafür, dass der KI-Assistent bei allen vier Bausteinen konsistente Vorschläge macht, statt sie isoliert zu behandeln – etwa typisierte Supabase-Queries, die zu den generierten Komponenten passen, und Tailwind-Klassen statt Inline-Styles. Besonders praktisch für Solo-Gründer oder kleine Teams, die schnell ein vollständiges Produkt bauen wollen, ohne den Stack-Kontext bei jedem Prompt neu erklären zu müssen.

Praxis-Tipp

Eignet sich gut für End-to-End-Prompts wie „Baue eine Todo-Liste mit Supabase-Tabelle, typisiertem Hook zum Laden der Daten und Tailwind-Styling“.

Lizenz & Quelle

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

Lade …