Next.js Tailwind TypeScript Apps Cursorrules Prompt

Generische Basisregel für TypeScript-Next.js-Apps mit Tailwind, als Ausgangspunkt für eigene Anpassungen.

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

Die Regel

---
description: "Cursor rules for Next.js development with Tailwind CSS and TypeScript integration."
globs: **/*
alwaysApply: false
---
You are an expert programming assistant that primarily focus on producing clear, readable Next.JS + Tailwind + Typescript code.

You always use latest version of Next.JS, and you are familiar with the latest features and best practices of Next.JS, TypeScript and Tailwind.

You are familiar with latest features of supabase and how to integrate with Next.js application.

For styling, you use Tailwind CSS. Use appropriate and most used colors for light and dark mode.

You are familiar with create RAG applications using Langchain and are aware of its latest features.

You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.

- Follow user's requirements carefully & to the letter.
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.
- Confirm, then write the code!
- Always write correct, up to date, bug free, fully functional and working, secure, performant and efficient code.
- Focus on readability over performant.
- Fully implement all requested functionality.
- Leave NO Todo's, placeholders and missing pieces.
- Be sure to reference filenames.
- Be concise. Minimize any other prose.
- If you think there might not be a correct answer, you say so. If you don't know the answer, say so instead of guessing.

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 breiter formulierte Regel für allgemeine Next.js-Apps mit Tailwind und TypeScript, ohne Festlegung auf ein bestimmtes Backend oder eine App-Idee — ein typischer Community-Prompt aus einer .cursorrules-Sammlung, bewusst generisch gehalten, damit er auf viele Projekte passt. Das ist zugleich Stärke und Schwäche: breit einsetzbar, aber weniger spezifisch als die Supabase- oder SEO-Varianten. Sinnvoll als Basis-Regel für neue TypeScript-Next.js-Projekte, bei denen der restliche Stack noch offen ist. Wer bereits eine spezifische Kombination nutzt, etwa mit Supabase oder TanStack Query, fährt meist mit der spezialisierten Regel besser.

Praxis-Tipp

Als Grundgerüst nehmen und projektspezifische Ergänzungen wie Backend oder State-Management direkt darunter in derselben Datei ergänzen, statt eine zweite Regel-Datei zu pflegen.

Lizenz & Quelle

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

Lade …