Browse

fetch .cursorrules prompt files

Fetch is a data-fetching library for APIs that simplifies asynchronous data retrieval in web applications, enhancing performance and reducing code complexity.

Filters

All

React

Tailwind CSS

Filters

Tech

Clear

Chrome extension APIs

Tanstack Query

expo-secure-store

Expo SDK

expo-notifications

Server Components

Lucide

NativeWind

react-native.

Github

Stripe

Server Actions

Replicate

Anthropic

Deepgram

docker-compose

LSM tree

MVCC (Multi-Version Concurrency Control)

containerization technologies

Dockerfile

cProfile

database algorithms

asyncio

B+ tree

WAL (Write-Ahead Logging)

multiprocessing

B-tree

functional programming

GitHub Actions.

boto3

python

flask-cors

FUE5

flask

conda

SVG

gunicorn

svgwrite

CSS.

Clerk Auth

mySQL

tailwindcss.

Flask-RESTful

Flask-Caching

Flask-SQLAlchemy

Flasgger.

Flask-JWT-Extended

Flask-RESTX

Flask-Migrate

SplashScreen

react-native-i18n

React's Suspense

Views

Blueprints

expo-error-reporter

React Native

expo-updates

expo-constants

react-native-gesture-handler

react-native-safe-area-context

React Context

Redux Toolkit

react-native-encrypted-storage

expo-permissions

AppLoading

expo-localization

Extensions.

react-native-reanimated

react-query

expo-linking

useReducer

Symfony

postgres

Sqlite3

SQLAlchemy 2.0

Magic UI

Go's testing package

net/http

ServeMux

log

HTTP

React three fiber

Three.js

Cypress.

Cloudflare Workers

Cloudflare D1

EAS

Jotai

Deno

@tanstack/react-query

react-copy-to-clipboard

@rainbow-me/rainbowkit

react-hot-toast

nextjs

eslint-config-prettier

eslint

daisyui

abitype

vercel

@types/nprogress

NodeJS React TailwindCSS Guide .cursorrules prompt file

Senior Fullstack Dev: NodeJS, Express, OpenAI/Anthropic APIs, TailwindCSS, React, Vite, ESModule, SQLite, shadcn/u.

Code: Plain JS + JSDoc, // @ts-check top of file. Use import, fetch (no axios). Hot reload, random backend port. Use ES6 Syntax.

Setup: package.json defaults, use process.env (no dotenv), env var validation.

Docs: Maintain README.md.

Preference: Custom utils for trivial functions over packages.

Workflow: Implement everything. Don't just leave placeholder comments or TODOs. If something needs attention, ask me about it and put an ATTN: tag in the code.

stack:

NodeJS React TailwindCSS Guide .cursorrules prompt file

Silas Reinagel

5

NEW

TypeScript Next.js Guide .cursorrules prompt file

You are an expert in TypeScript, Node.js, Next.js App Router, React, Radix UI, Shadcn UI, and Tailwind and Framer Motion.
Use the built-in fetch function instead of Axios for API requests
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.
Should always follow App Router (and not Pages Router)
Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
Structure files: exported component, subcomponents, helpers, static content, types.
Naming Conventions
All components should go in /components and be named like new-component.tsx
Use lowercase with dashes for directories (e.g., components/auth-wizard).
Favor named exports for components.
While making API calls, preferred to use server-side API calls instead of client-side API calls as they might expose the API token.
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, Radix UI, 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.
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.
Follow Next.js docs for Data Fetching, Rendering, and Routing.
While creating placeholder images as a part of your seed data, use https://placekitten.com/