Next.js Supabase Todo App

Fertige Vorlage für eine Next.js/Supabase-Todo-App — gut zum Lernen, weniger für Produktivprojekte.

Original-Beschreibung der Autoren: Cursor rules for Next.js development with Supabase integration for a Todo app.

Die Regel

---
description: "Cursor rules for Next.js development with Supabase integration for a Todo app."
globs: **/*
alwaysApply: false
---
Use the project specifications and guidelines to build the Todo app.

Todo is a web app that allows you to manage your todos.

Follow these rules:

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

Eine eng gefasste Regel speziell für eine Todo-App mit Next.js und Supabase — also CRUD-Operationen, Supabase-Tabellen, Row-Level-Security und einfache Auth. Sie eignet sich weniger als allgemeine Projektregel, sondern eher als Lern- oder Startvorlage für genau dieses Übungsprojekt, das in Tutorials oft als Einstiegsbeispiel für Fullstack-Apps dient. Wer ernsthaft eine Produktions-App baut, sollte sie als Ausgangspunkt verstehen und um eigene Konventionen erweitern, statt sie 1:1 zu übernehmen. Der Vorteil: An einem überschaubaren Beispiel sieht man, wie Supabase-Anbindung, Datenmodell und UI in Next.js sauber zusammenspielen, ohne sich in einem komplexen Produkt zu verlieren.

Praxis-Tipp

Gut geeignet, um Supabase in Next.js überhaupt erst zu verstehen — als Prompt z. B. “Todo mit Kategorien und Fälligkeitsdatum ergänzen” nutzen und beobachten, wie Cursor das Datenmodell erweitert.

Lizenz & Quelle

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

Lade …