NEW

Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file

{
"project": {
"language": "typescript",
"framework": "nextjs app router",
"rules": [
{
"description": "Ensure TypeScript is used without 'any' type.",
"codeQuality": "enforce_strict_typing"
},
{
"description": "Implement authentication and authorization using Clerk with RBAC.",
"authentication": {
"provider": "clerk",
"roles": {
"admin": "access_all_features_manage_tenants_detailers_clients_assessments",
"detailer": "read_services_pricing_assessments_manage_appointments_clients_take_payments",
"client": "access_assessments_schedule_appointments_communicate_provide_payments"
}
}
},
{
"description": "Style the application using Tailwind CSS with utility-first approach.",
"styling": "tailwind_usage"
},
{
"description": "Use ShadCN-UI for reusable UI components.",
"ui": "shadcn_ui_components"
},
{
"description": "Incorporate ShadCN-Graphs for visual graph representation.",
"visualization": "shadcn_graphs"
},
{
"description": "Integrate Ollama for deep learning models.",
"ai": "ollama_integration"
},
{
"description": "Use Convex for database, file storage, and AI vector search functionalities.",
"database": "convex_database"
},
{
"description": "Host the application on Vercel for scalability and sub-domain management.",
"hosting": "vercel_hosting"
},
{
"description": "Integrate Google Calendar for AI-powered appointment scheduling.",
"calendar_integration": "google_calendar_ai"
},
{
"description": "Utilize Google Chat for real-time customer support.",
"communication": "google_chat_integration"
},
{
"description": "Use Stripe for processing payments in the application.",
"payment": "stripe_integration"
},
{
"description": "Support self-marketing with tenant-specific QR codes.",
"marketing": "self_marketing_qr_code"
},
{
"description": "Enable client self-assessment for vehicle information capture.",
"feature": "client_self_assessment"
},
{
"description": "Ensure the application is invite-only for client entry.",
"security": "invite_only_app"
},
{
"description": "Generate estimates based on client assessment and detailer's pricing models.",
"feature": "estimate_generation"
},
{
"description": "Implement robust RBAC with Clerk for resource authorization based on role.",
"security": "role_based_access_control"
},
{
"description": "Employ a multi-tenant database architecture using MongoDB.",
"architecture": "mongo_db_multi_tenant"
},
{
"description": "Support dynamic pricing models for various detailers.",
"feature": "dynamic_pricing_models"
},
{
"description": "Provide an analytics dashboard for business insights.",
"analytics": "dashboard"
},
{
"description": "Allow customizable theming for client personalization.",
"ui": "customizable_theming"
},
{
"description": "Optimize developer experience with ESLint, Prettier, and EditorConfig.",
"codeQuality": "optimized_developer_experience"
},
{
"description": "Manage subscription cancellations and updates efficiently.",
"feature": "subscription_management"
},
{
"description": "Provide a dedicated dashboard for detailers to manage services and bookings.",
"feature": "detailer_dashboard"
},
{
"description": "Implement a rating and review system for client feedback on detailers.",
"feature": "rating_review_system"
},
{
"description": "Send automated reminders for upcoming appointments to users.",
"feature": "automated_reminders"
},
{
"description": "Implement a notification system for updates on bookings and services.",
"feature": "notification_system"
},
{
"description": "Include a comprehensive knowledge base for user guides and tutorials.",
"feature": "knowledge_base"
},
{
"description": "Implement client self-assessment enhancements with image/video upload functionality.",
"feature": "image_video_upload"
},
{
"description": "Develop a feedback mechanism to gather user input for continuous improvement.",
"feature": "feedback_mechanism"
},
{
"description": "Design a scalable system capable of handling a minimum of 10,000 concurrent users.",
"scalability": "high_concurrency_support"
}
{
"description": "Incorporate ShadCN-Graphs for visual graph representation.",
"visualization": "shadcn_graphs"
},
{
"description": "Integrate Ollma for deep learning models.",
"ai": "ollma_integration"
},
{
"description": "Use Convex for database, file storage, and AI vector search functionalities.",
"database": "convex_database"
},
{
"description": "Host the application on Vercel for scalability and sub-domain management.",
"hosting": "vercel_hosting"
},
{
"description": "Integrate Google Calendar for AI-powered appointment scheduling.",
"calendar_integration": "google_calendar_ai"
},
{
"description": "Utilize Google Chat for real-time customer support.",
"communication": "google_chat_integration"
},
{
"description": "Use Stripe for processing payments in the application.",
"payment": "stripe_integration"
},
{
"description": "Support self-marketing with tenant-specific QR codes.",
"marketing": "self_marketing_qr_code"
},
{
"description": "Enable client self-assessment for vehicle information capture.",
"feature": "client_self_assessment"
},
{
"description": "Ensure the application is invite-only for client entry.",
"security": "invite_only_app"
},
{
"description": "Generate estimates based on client assessment and detailer's pricing models.",
"feature": "estimate_generation"
},
{
"description": "Implement robust RBAC with Clerk for resource authorization based on role.",
"security": "role_based_access_control"
},
{
"description": "Employ a multi-tenant database architecture using MongoDB.",
"architecture": "mongo_db_multi_tenant"
},
{
"description": "Support dynamic pricing models for various detailers.",
"feature": "dynamic_pricing_models"
},
{
"description": "Provide an analytics dashboard for business insights.",
"analytics": "dashboard"
},
{
"description": "Allow customizable theming for client personalization.",
"ui": "customizable_theming"
},
{
"description": "Optimize developer experience with ESLint, Prettier, and EditorConfig.",
"codeQuality": "optimized_developer_experience"
},
{
"description": "Manage subscription cancellations and updates efficiently.",
"feature": "subscription_management"
},
{
"description": "Provide a dedicated dashboard for detailers to manage services and bookings.",
"feature": "detailer_dashboard"
},
{
"description": "Implement a rating and review system for client feedback on detailers.",
"feature": "rating_review_system"
},
{
"description": "Send automated reminders for upcoming appointments to users.",
"feature": "automated_reminders"
},
{
"description": "Implement a notification system for updates on bookings and services.",
"feature": "notification_system"
},
{
"description": "Include a comprehensive knowledge base for user guides and tutorials.",
"feature": "knowledge_base"
};
]
}
}

stack:

Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file

Big Daddy Bobs

NEW

Tanstack Start TypeScript State Mgmt .cursorrules prompt file

You are an expert full-stack developer proficient in TypeScript, React, Tanstack Start, Tanstack Query, and modern UI/UX frameworks (e.g., Tailwind CSS, Shadcn UI, Radix UI). Your task is to produce the most optimized and maintainable Tanstack Start code, following best practices and adhering to the principles of clean code and robust architecture.### Objective- Create a Tanstack Start solution that is not only functional but also adheres to the best practices in performance, security, and maintainability.### Code Style and Structure- Write concise, technical TypeScript code with accurate examples.- Use functional and declarative programming patterns; avoid classes.- Favor iteration and modularization over code duplication.- Use descriptive variable names with auxiliary verbs (e.g., `isLoading`, `hasError`).- Structure files with exported components, subcomponents, helpers, static content, and types.- Use lowercase with dashes for directory names (e.g., `components/auth-wizard`).### Optimization and Best Practices- Minimize the use of `useEffect`, and `setState`; favor SSR and React Query SSR features.- Implement dynamic imports for code splitting and optimization.- Use responsive design with a mobile-first approach.- Optimize images: use WebP format, include size data, implement lazy loading.### Error Handling and Validation- Prioritize error handling and edge cases:- Use early returns for error conditions.- Implement guard clauses to handle preconditions and invalid states early.- Use custom error types for consistent error handling.### UI and Styling- Use modern UI frameworks (e.g., Tailwind CSS, Shadcn UI, Radix UI) for styling.- Implement consistent design and responsive patterns across platforms.### State Management and Data Fetching- Use modern state management solutions (e.g., Zustand, TanStack React Query) to handle global state and data fetching.- Implement validation using Zod for schema validation.### Security and Performance- Implement proper error handling, user input validation, and secure coding practices.- Follow performance optimization techniques, such as reducing load times and improving rendering efficiency.### Testing and Documentation- Write unit tests for components using Jest and React Testing Library.- Provide clear and concise comments for complex logic.- Use JSDoc comments for functions and components to improve IDE intellisense.### Methodology1. **System 2 Thinking**: Approach the problem with analytical rigor. Break down the requirements into smaller, manageable parts and thoroughly consider each step before implementation.2. **Tree of Thoughts**: Evaluate multiple possible solutions and their consequences. Use a structured approach to explore different paths and select the optimal one.3. **Iterative Refinement**: Before finalizing the code, consider improvements, edge cases, and optimizations. Iterate through potential enhancements to ensure the final solution is robust.**Process**:1. **Deep Dive Analysis**: Begin by conducting a thorough analysis of the task at hand, considering the technical requirements and constraints.2. **Planning**: Develop a clear plan that outlines the architectural structure and flow of the solution, using `<PLANNING>` tags if necessary.3. **Implementation**: Implement the solution step-by-step, ensuring that each part adheres to the specified best practices.4. **Review and Optimize**: Perform a review of the code, looking for areas of potential optimization and improvement.5. **Finalization**: Finalize the code by ensuring it meets all requirements, is secure, and is performant.**DOCS**: https://tanstack.com/start/latest, https://tanstack.com/router/latest/docs/framework/react/start/overview#ready-to-get-started, https://clerk.com/docs/quickstarts/tanstack-start, https://tanstack.com/router/latest/docs/framework/react/api/router**NOTE**: Use the latest version of TanStack Start and React Router.**NOTE**: Use the latest version of React.**NOTE**: Use the latest version of TypeScript.**NOTE**: Use the latest version of Vite.**NOTE**: Use the latest version of Vinxi.**NOTE**: Use the latest version of Clerk.**NOTE**: Use the latest version of React.

stack:

Tanstack Start TypeScript State Mgmt .cursorrules prompt file

zomlit

NEW

Structured React Tailwind Clerk .cursorrules prompt file

{
"folders": {
"src/app": {
"description": "Main application directory for pages and components",
"required": true,
"depth": 3
},
"src/components": {
"description": "Reusable components",
"required": true,
"depth": 2
},
"src/lib": {
"description": "Utility functions and configurations (Supabase, Clerk)",
"required": true,
"depth": 1
},
"src/styles": {
"description": "CSS and Tailwind styles",
"required": false
},
"src/hooks": {
"description": "Custom React hooks for handling logic",
"required": true,
"depth": 2
}
},
"files": {
"src/app/api/auth/**": {
"description": "Clerk API routes for handling user authentication",
"required": true
},
"src/app/dashboard/**": {
"description": "User dashboard pages for income, taxes, and budgeting",
"required": true
},
"src/app/landing/**": {
"description": "Landing page structure including CTA, features, and testimonials",
"required": true
},
"src/app/auth/**": {
"description": "Authentication pages for sign-in and sign-up",
"required": true
}
},
"rules": {
"enforceTailwind": {
"description": "Enforce usage of Tailwind CSS classes",
"required": true
},
"enforceShadcn": {
"description": "Ensure Shadcn UI components are used where applicable",
"required": true
},
"apiRoutesNaming": {
"description": "API route filenames should be lowercase and use hyphens",
"pattern": "^[a-z0-9-]+$"
},
"noInlineStyles": {
"description": "Do not use inline styles in React components",
"required": true
},
"useSupabase": {
"description": "Supabase should be used for all backend logic",
"required": true
},
"useClerkAuth": {
"description": "Clerk should handle all user authentication",
"required": true
}
}
}

stack:

Structured React Tailwind Clerk .cursorrules prompt file

alexgutscher26

NEW

Next.js Vercel Todo App .cursorrules prompt file

Project Instructions

Use the project specification and guidelines as you build the todo app.

Write the complete code for every step. Do not get lazy.

Your goal is to completely finish whatever the user asks for.

Overview

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

Tech Stack

Frontend: Next.js, Tailwind, Shadcn, Framer Motion
Backend: Postgres, Supabase, Drizzle ORM, Server Actions
Auth: Clerk
Payments: Stripe
Deployment: Vercel

Project Structure

General Structure

actions - Server actions
db - Database related actions
Other actions
app - Next.js app router
api - API routes
route - An example route (each of these are only if needed)
- _components - One-off components for the route
- layout.tsx - Layout for the route
- page.tsx - Page for the route
components - Shared components
ui - UI components
utilities - Utility components
db - Database
migrations - Database migrations (you never have to do anything in here)
queries - Database queries
schema - Database schemas
lib - Library code
hooks - Custom hooks
prompts - Prompt files
public - Static assets
types - Type definitions

Project Specific Structure

Rules

Follow these rules when building the project.

General Rules

Use @ to import anything from the project unless otherwise specified
Use kebab case for all files and folders unless otherwise specified

Env Rules

If you update environment variables, update the .env.example file
All environment variables should go in .env.local
Do not expose environment variables to the frontend
Use NEXT_PUBLIC_ prefix for environment variables that need to be accessed from the frontend
You may import environment variables in server actions and components by using process.env.VARIABLE_NAME

Type Rules

Follow these rules when working with types.

When importing types, use @/types
Name files like example-types.ts
All types should go in types
Make sure to export the types in types/index.ts
Prefer interfaces over type aliases
If referring to db types, use @/db/schema such as SelectTodo from todos-schema.ts

An example of a type:

types/actions-types.ts

export type ActionState`<T>` = {  isSuccess: boolean  message: string  data?: T}

And exporting it:

types/index.ts

export * from "./actions-types"

Frontend Rules

Follow these rules when working on the frontend.

It uses Next.js, Tailwind, Shadcn, and Framer Motion.

General Rules

Use lucide-react for icons

Components

Use divs instead of other html tags unless otherwise specified
Separate the main parts of a component's html with an extra blank line for visual spacing
Use actions, not queries, in the app
Always tag a component with either use server or use client at the top, including layouts and pages

Organization

All components be named using kebab case like example-component.tsx unless otherwise specified
Put components in /_components in the route if one-off components
Put components in /components from the root if shared components

Data Fetching

Fetch data in server components and pass down as props to client components such as initialTodos
Use server actions from /actions to mutate data

Server Components

Use "use server" at the top of the file
Implement Suspense for asynchronous data fetching
Use a separate fetcher component for data loading (see example below)

Example of a server page:

"use server"import { Suspense } from "react"import { SomeAction } from "@/actions/some-actions"import SomeComponent from "./_components/some-component"import SomeSkeleton from "./_components/some-skeleton"export default async function ExampleServerPage({  params}: {  params: { id: string }}) {  return (    `<Suspense fallback={<SomeSkeleton className="some-class" />`}>      `<SomeComponentFetcher id={params.id} />`    `</Suspense>`  )}async function SomeComponentFetcher({ id }: { id: string }) {  const { data } = await SomeAction(id)  return (    `<SomeComponent className="some-class" initialData={data || []} id={id} />`  )}

Example of a server component:

"use server"interface ExampleServerComponentProps {  // Your props here}export async function ExampleServerComponent({  props}: ExampleServerComponentProps) {  // Your code here}

Client Components

Use "use client" at the top of the file

Example of a client page:

"use client"export default function ExampleClientPage() {  // Your code here}

Example of a client component:

"use client"interface ExampleClientComponentProps {  // Your props here}export default function ExampleClientComponent({  props}: ExampleClientComponentProps) {  // Your code here}

Backend Rules

Follow these rules when working on the backend.

It uses Postgres, Supabase, Drizzle ORM, and Server Actions.

General Rules

Never generate migrations. You do not have to do anything in the db/migrations folder inluding migrations and metadata. Ignore it.

Organization

Schemas

When importing schemas, use @/db/schema
Name files like example-schema.ts
All schemas should go in db/schema
Make sure to export the schema in db/schema/index.ts
Make sure to add the schema to the schema object in db/db.ts
If using a userId, always use userId: text("user_id").notNull()
Always include createdAt and updatedAt columns in all tables
Make sure to cascade delete when necessary
Use enums for columns that have a limited set of possible values such as:

import { pgEnum } from "drizzle-orm/pg-core"export const membershipEnum = pgEnum("membership", ["free", "pro"])membership: membershipEnum("membership").notNull().default("free")

Example of a schema:

db/schema/todos-schema.ts

import { boolean, pgTable, text, timestamp, uuid } from "drizzle-orm/pg-core"export const todosTable = pgTable("todos", {  id: uuid("id").defaultRandom().primaryKey(),  userId: text("user_id").notNull(),  content: text("content").notNull(),  completed: boolean("completed").default(false).notNull(),  createdAt: timestamp("created_at").defaultNow().notNull(),  updatedAt: timestamp("updated_at")    .defaultNow()    .notNull()    .$onUpdate(() => new Date())})export type InsertTodo = typeof todosTable.$inferInsertexport type SelectTodo = typeof todosTable.$inferSelect

And exporting it:

db/schema/index.ts

export * from "./todos-schema"

And adding it to the schema in db/db.ts:

db/db.ts

import { todosTable } from "@/db/schema"const schema = {  todos: todosTable}

And a more complex schema:

import { pgTable, text, timestamp, uuid } from "drizzle-orm/pg-core"export const chatsTable = pgTable("chats", {  id: uuid("id").defaultRandom().primaryKey(),  userId: text("user_id").notNull(),  name: text("name").notNull(),  createdAt: timestamp("created_at").defaultNow().notNull(),  updatedAt: timestamp("updated_at")    .defaultNow()    .notNull()    .$onUpdate(() => new Date())})export type InsertChat = typeof chatsTable.$inferInsertexport type SelectChat = typeof chatsTable.$inferSelect

import { pgEnum, pgTable, text, timestamp, uuid } from "drizzle-orm/pg-core"import { chatsTable } from "./chats-schema"export const roleEnum = pgEnum("role", ["assistant", "user"])export const messagesTable = pgTable("messages", {  id: uuid("id").defaultRandom().primaryKey(),  chatId: uuid("chat_id")    .references(() => chatsTable.id, { onDelete: "cascade" })    .notNull(),  content: text("content").notNull(),  role: roleEnum("role").notNull(),  createdAt: timestamp("created_at").defaultNow().notNull(),  updatedAt: timestamp("updated_at")    .defaultNow()    .notNull()    .$onUpdate(() => new Date())})export type InsertMessage = typeof messagesTable.$inferInsertexport type SelectMessage = typeof messagesTable.$inferSelect

And exporting it:

db/schema/index.ts

export * from "./chats-schema"export * from "./messages-schema"

And adding it to the schema in db/db.ts:

db/db.ts

import { chatsTable, messagesTable } from "@/db/schema"const schema = {  chats: chatsTable,  messages: messagesTable}

Queries

When importing queries, use @/db/queries
Name files like example-queries.ts
All queries should go in db/queries
Queries have 'use server' at the top
Only write the needed queries
Do not use explicit returns in queries
Sort in CRUD order: Create, Read, Update, Delete

Example of a query:

db/queries/todos-queries.ts

"use server"import { db } from "@/db/db"import { InsertTodo, todosTable } from "@/db/schema"import { eq } from "drizzle-orm"export const createTodo = async (data: InsertTodo) => {  try {    const [newTodo] = await db.insert(todosTable).values(data).returning()    return newTodo  } catch (error) {    console.error("Error creating todo:", error)    throw new Error("Failed to create todo")  }}export const getTodos = async (userId: string) => {  try {    return db.query.todos.findMany({      where: eq(todosTable.userId, userId)    })  } catch (error) {    console.error("Error getting todos:", error)    throw new Error("Failed to get todos")  }}

Server Actions

When importing actions, use @/actions or @/actions/db if db related
DB related actions should go in the actions/db folder
Other actions should go in the actions folder
Name files like example-actions.ts
All actions should go in the actions folder
Always use revalidatePath("/") after a successful action
Only write the needed actions
Return an ActionState with the needed data type from actions
Include Action at the end of function names Ex: exampleFunction -> exampleFunctionAction
Actions should return a Promise<ActionState<T>>
Actions use queries from db/queries
Sort in CRUD order: Create, Read, Update, Delete

export type ActionState`<T>` = {  isSuccess: boolean  message: string  data?: T}

Example of an action:

actions/db/todos-actions.ts

"use server"import { createTodo, getTodos } from "@/db/queries/todos-queries"import { InsertTodo, SelectTodo } from "@/db/schema/todos-schema"import { ActionState } from "@/types"import { revalidatePath } from "next/cache"export async function createTodoAction(  todo: InsertTodo): Promise`<ActionState<SelectTodo>`> {  try {    const newTodo = await createTodo(todo)    revalidatePath("/")    return {      isSuccess: true,      message: "Todo created successfully",      data: newTodo    }  } catch (error) {    console.error("Error creating todo:", error)    return { isSuccess: false, message: "Failed to create todo" }  }}export async function getTodosAction(  userId: string): Promise`<ActionState<SelectTodo[]>`> {  try {    const todos = await getTodos(userId)    return {      isSuccess: true,      message: "Todos retrieved successfully",      data: todos    }  } catch (error) {    console.error("Error getting todos:", error)    return { isSuccess: false, message: "Failed to get todos" }  }}

Auth Rules

Follow these rules when working on auth.

It uses Clerk for authentication.

General Rules

Import the auth helper with import { auth } from "@clerk/nextjs/server" in server components

Payments Rules

Follow these rules when working on payments.

It uses Stripe for payments.

stack:

Next.js Vercel Todo App .cursorrules prompt file

Mckay Wrigley

NEW

Next.js Supabase Todo App .cursorrules prompt file

stack:

Next.js Supabase Todo App .cursorrules prompt file

Mckay Wrigley

NEW

TypeScript Code Convention .cursorrules prompt file

You are an expert in TypeScript, Node.js, Next.js App Router, React, Expo, tRPC, Shadcn UI, Radix UI, and Tailwind.

Code Style and Structure:

Write concise, technical TypeScript code with accurate examples
Use functional and declarative programming patterns; avoid classes
Prefer iteration and modularization over code duplication
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
Structure files: exported component, subcomponents, helpers, static content, types

Naming Conventions:

Use lowercase with dashes for directories (e.g., components/auth-wizard)
Favor named exports for components

TypeScript Usage:

Use TypeScript for all code; prefer interfaces over types
Avoid enums; use maps instead
Use functional components with TypeScript interfaces

Syntax and Formatting:

Use the "function" keyword for pure functions
Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements
Use declarative JSX

Error Handling and Validation:

Prioritize error handling: handle errors and edge cases early
Use early returns and guard clauses
Implement proper error logging and user-friendly messages
Use Zod for form validation
Model expected errors as return values in Server Actions
Use error boundaries for unexpected errors

UI and Styling:

Use Shadcn UI, Radix, and Tailwind for components and styling in the Next.js app
Use NativeWind for styling in the Expo app
Implement responsive design with Tailwind CSS; use a mobile-first approach

Key Conventions:

Use tRPC for type-safe API calls between client and server
Implement Clerk for authentication in both Next.js and Expo apps
Use Lucide icons for Next.js (lucide-react) and Expo (lucide-react-native)
Implement error tracking with Sentry in both apps
Use Tanstack Query (React Query) for data fetching and caching
Implement Expo Router for navigation in the mobile app
Use Expo notifications for push notifications in the mobile app

Performance Optimization:

Use dynamic loading for non-critical components
Optimize images: use WebP format, include size data, implement lazy loading

Next.js Specific:

Follow Next.js App Router conventions for routing and data fetching
Use Server Components where possible to reduce client-side JavaScript
Minimize 'use client', 'useEffect', and 'setState'; favor React Server Components (RSC)
Wrap client components in Suspense with fallback

Expo Specific:

Use Expo SDK features like expo-secure-store, expo-notifications, etc.
Implement expo-router for navigation
Use react-native specific components and APIs
Optimize performance using React Native best practices

Follow Next.js and Expo documentation for best practices in data fetching, rendering, and routing.

stack:

TypeScript Code Convention .cursorrules prompt file

Jaron Heard

Clerk .cursorrules prompt files

Clerk is an AI platform that enhances customer support efficiency by automating routine inquiries, allowing human agents to focus on more complex issues.

Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file

Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file

Tanstack Start TypeScript State Mgmt .cursorrules prompt file

Tanstack Start TypeScript State Mgmt .cursorrules prompt file

Structured React Tailwind Clerk .cursorrules prompt file

Structured React Tailwind Clerk .cursorrules prompt file

Next.js Vercel Todo App .cursorrules prompt file

Next.js Vercel Todo App .cursorrules prompt file

Next.js Supabase Todo App .cursorrules prompt file

Next.js Supabase Todo App .cursorrules prompt file

TypeScript Code Convention .cursorrules prompt file

TypeScript Code Convention .cursorrules prompt file

.cursorrules file Cursor AI Python FastAPI API

Python FastAPI Scalable API .cursorrules prompt file

Flask-RESTful JWT RESTX .cursorrules prompt file

Cursor AI React TypeScript Shadcn UI .cursorrules prompt file

Next.js React TypeScript .cursorrules prompt file

Python Pytest Typer .cursorrules prompt file

Next.js Tailwind CSS Obsidian Plugin .cursorrules prompt file

Next.js TypeScript Clerk Stripe Vercel Setup .cursorrules prompt file

React TypeScript Care Project .cursorrules prompt file

Elixir Code Guidelines .cursorrules prompt file

.cursorrules file Cursor AI Python FastAPI API

SvelteKit TailwindCSS TypeScript .cursorrules prompt file

JavaScript TypeScript Code Quality .cursorrules prompt file

Plasticode Telegram API .cursorrules prompt file

ES Module Node.js Guidelines .cursorrules prompt file

Cursor Tip

Here is a quick example of leveraging the .cursorrules file (sys

Cursor Tip

Cursor Tip

Cursor Tip

Create a Chrome Extension Fast: Cursor AI Tutorial

Build ChatGPT with Python: Cursor AI Tutorial Guide

Build AI Voice Notes App: Cursor AI Tutorial Guide

Cursor AI Tutorial: Easy Loading Page with Shadcn Components