Browse

Database Querying .cursorrules strategies

Filters

Tech

Clear

Android Studio

Firebase Storage

React Native CLI

Firebase Emulator Suite

Twitter Card

sitemap.xml

Open Graph

Psycopg2-binary

Uvicorn

Python-Multipart

mysql

Nextjs 14

nuqs

Next.js SSR

Vue Router 4

Vue Test Utils

Composition API

Vue 3 Reactivity API

script setup syntax

Stylus

PurgeCSS

next-i18next

react-intl

React.memo

useState

Styled Components

FlatList

react-native-fast-image

Mobile UI

react-native-responsive-screen

EAS Build

StyleSheet.create

vi.mocked

testing-library

File Storage

internalMutation

HTTP API

db.get

react-router-dom

internal.

db.delete

db.query

cron Jobs

storage field

storage ID

GIPHY

useQuery

generateUploadUrl

Convex HTTP Actions

setState

scheduler

storage.generateUploadUrl

HTMLInputElement

db.insert

useMutation

FormEvent

Husky

Yarn

Cloudflare Pages

rubocop

minitest

Whatsapp Cloud API

YARD

Anthropic Claude

GraphQL API

CI/CD

Python 3.x

OpenAI GPT

@shopify/cli-kit

@react-three

Neo-Organic Fusion Design System

ERC-7710

forge-std

MetaMask

ERC721

ModeLib

ExecutionLib

Radix Vue

NuxtJS

Shadcn Vue

BDD

Docusaurus

Dagster

React.Suspense

react-icons

lucide-react

Shadcn/UI

reqwest

Option

tokio::time::interval

thiserror

tokio::time::pause

tokio::test

tokio::task::yield_now

tokio::sync::Mutex

hyper

serde

tokio::sync::RwLock

tokio::sync::broadcast

sqlx

TypeScript Node.js Supabase .cursorrules prompt file

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI, Supabase, 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.
UI and Styling

Use Shadcn UI, Radix, and Tailwind for components and styling.
Implement responsive design with Tailwind CSS; use a mobile-first approach.
Performance Optimization

Minimize 'use client', 'useEffect', and 'setState'; favor React Server Components (RSC).
Wrap client components in Suspense with fallback.
Use dynamic loading for non-critical components.
Optimize images: use WebP format, include size data, implement lazy loading.
Database Querying & Data Model creation

Use Supabase SDK for data fetching and querying.
For data model creation, use Supabase’s schema builder.
Key Conventions

Use 'nuqs' for URL search parameter state management.
Optimize Web Vitals (LCP, CLS, FID).
Limit 'use client':
Favor server components and Next.js SSR.
Use only for Web API access in small components.
Avoid for data fetching or state management.

stack:

TypeScript Node.js Supabase .cursorrules prompt file

Sudhanshu

9

NEW

TypeScript Next.js React Tailwind Supabase .cursorrules prompt file

You are an expert in TypeScript, Nose-Js, Next.Js Agp Rauter, React, Shaden UE,
Radix UI, Supabase, and Tastains.
Code Style and Structure

Arita concisa, tachnical TypeScript code with accurate axanglas.
Use functionat and ceclarative gregramming gatteras; avoid elasaes.
Prefer iteration and notularizatien over cote diplication.
Use descriptive variable names with auxiliary verts (e,g., asloading, hasErvor).
Structure files: exported component, subcongonents, belgers, static cantent, types.
Haming Canventions
Use Lenercase with tashes for directories Ce.g., companentsiouth-wizard).
Favor named exports for osagorents.
TypeStript Usage
Use Typescript for all core; prefer interfaces aver types.
Avoid erums; vse saps instead.
Use functional copenenta nith Tysescript interfaces.
Suntas ane Formattteg
Una the "function" keynerd for pure functions.
Avoid unnecessary curly braces in canditianals; use cancise syntar for simple
statements.
- Usa declarativ 35x.
VI and Styling
Use Sharon VI, Rafix, and Tailaind for companents and styling.
Imptement responaive design nith Tailwind CSS; use a nobile-first agproach.
Pentoruance Optinzation
Minimize "use client', "uselffect, and 'setstate"; favor React Server Companents [RSC).
Nrap client comporents in Suspense with fallback.
Usa dynamic leasing for non-critical companents.
Optimize inages: var WebP format, include sire data, amplement lazy landing.
Database Querying 6 Data Notel creatien
Use Supabaar SOK for sata fetching and querying.
Foe data nosel creation, ust Supatases schema Builder.
Key Conventions
Use 'nugs" for LAL search parameter state management.
Optimize web vitals CLCP, CLs, FI0).
Limit 'van client':
Faver server companents and Next. ja SSR.
Use only for vet API aocess in saall companents.
Avoid for date fetching or state nanagement.
Follon Next.js does fee Data Fetching, feederäng, and Rauti