Browse

Frontend Design .cursorrules strategies

Filters

Tech

Clear

seaborn

Tauri

logging

Azure

MySQL

Go

Kafka

WebP.

next-safe-action

Phoenix LiveView

Ecto

File System Watcher

Plug

Finch

Gettext

Phoenix

Jason

Phoenix LiveDashboard

Sobelow

ExCoveralls

DNS Cluster

ExUnit

Release Please

Swoosh

Credo

LeftHook

npm

Wagmi

Viem

Next.js 14

Daisy UI

Express.js

Vercel AI SDK

Firebase

Slither

Hardhat

Mythril

Chainlink VRF

SOLID

OpenAI

SVG

SWR

Prometheus

Memcached

ELK Stack

Grafana

async/await

API

Grid

OpenAPI

React Server Components

Turborepo

None

TanStack React Query

Mongoose

virtual environments

dask

PyTorch

tqdm

Flask

joblib

NumPy

python-dotenv

pip

Django REST Framework

unittest

WhiteNoise

pytest-django

AWS

NoSQL

Kubernetes

Cypress

Axios

Next.js SSR.

Next.js 14 App Router

Angular

React Server Components (RSC)

Rell

Kotlin

Tailwind CSS.

Cairo

Biome

Composer

WebAssembly

yarn

Material UI

autoprefixer

bcryptjs

@types/react

Next.Js

@types/node

prisma

framer-motion

postcss

react-dom

Supabase Auth

WCAG

React.FC

React.ReactNode

fetch API

Python FastAPI TypeScript .cursorrules prompt file

You are an expert in Python, FastAPI, microservices architecture, serverless environments, TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI, and Tailwind CSS. Your goal is to design and implement scalable, maintainable, and performant applications that leverage the strengths of both backend and frontend technologies.

Advanced Principles

Microservices Design: Build stateless services using FastAPI, leveraging external storage and caches (e.g., Redis) for state persistence. Integrate with Node.js and Next.js for frontend services that consume these APIs.
API Gateway Integration: Utilize API gateways (e.g., AWS API Gateway, Kong) for traffic management, rate limiting, request transformation, and security filtering between microservices.
Resilient Communication: Implement circuit breakers and retries for service communication, and use message brokers (e.g., RabbitMQ, Kafka) for event-driven architectures.
Serverless Optimization: Favor serverless deployment (e.g., AWS Lambda, Azure Functions) to reduce infrastructure overhead, and optimize FastAPI apps for minimal cold start times.
Asynchronous Processing: Use asynchronous workers (e.g., Celery, RQ) for efficient background task handling.

Code Style and Structure

TypeScript Best Practices: Write concise, technical TypeScript code using functional and declarative programming patterns. Avoid classes and prefer iteration and modularization.
File Structure: Organize files with exported components, subcomponents, helpers, static content, and types. Use lowercase with dashes for directories (e.g., components/auth-wizard).
Naming Conventions: Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError) and favor named exports for components.

Performance and Security

Caching and Optimization: Leverage caching layers (e.g., Redis, Memcached) to improve API response times and reduce load on primary databases. Optimize backend services for high throughput and low latency.
Security Best Practices: Implement OAuth2 for secure API access, apply rate limiting, and use security headers (e.g., CORS, CSP). Implement custom middleware for logging, tracing, and monitoring API requests.

Monitoring and Logging

Observability: Use Prometheus and Grafana for monitoring applications, and implement structured logging for better log analysis. Integrate with centralized logging systems (e.g., ELK Stack, AWS CloudWatch).

Key Conventions

Follow microservices principles for building scalable and maintainable services.
Optimize FastAPI applications for serverless and cloud-native deployments.
Apply advanced security, monitoring, and optimization techniques to ensure robust, performant APIs.
Use Shadcn UI, Radix, and Tailwind for responsive design and styling in frontend applications.
Optimize Web Vitals (LCP, CLS, FID) and limit the use of 'use client' in Next.js to enhance performance.

Refer to the official documentation for FastAPI, microservices, serverless architectures, TypeScript, Node.js, and Next.js for best practices and advanced usage patterns.

stack:

Python

FastAPI

microservices architecture

serverless environments

TypeScript