Browse 25 production-ready .cursorrules and .windsurfrules configurations. Search by framework, category, or keyword.
Showing 25 rules
Prioritize React Server Components for data fetching and static content. Client components only when interactivity is required.
'use server';
import { db } from '@/lib/database';
import { cache } from 'react';
export const getProjects = cache(async () => {
return db.project...Use FastAPI's dependency injection system for authentication, database sessions, and shared business logic.
from fastapi import Depends, HTTPException, status
from fastapi.security import OAuth2PasswordBearer
from sqlalchemy.orm import Session
from typing im...Use Riverpod for reactive state management with compile-time safety and testable provider architecture.
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import '../models/todo.dart';
im...Test behavior over implementation. Use Testing Library queries to interact with components as users would.
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { LoginForm }...Prefer Composition API with script setup for better TypeScript support and reusable logic patterns.
<script setup lang="ts">
import { ref, computed, onMounted, watch } from 'vue';
import { useAuth } from '@/composables/useAuth';
import { useTodos } f...Implement multi-layer validation in DRF serializers for robust API input handling and security.
from rest_framework import serializers
from django.contrib.auth import get_user_model
from django.utils import timezone
from .models import Project, T...Use the Image component with proper sizing, formats, and loading strategies for maximum performance.
import Image from 'next/image';
import Link from 'next/link';
export function ProjectCard({ project }: { project: Project }) {
return (
<Link h...Implement async database operations with SQLAlchemy 2.0 for high-concurrency FastAPI applications.
from sqlalchemy.ext.asyncio import create_async_engine, AsyncSession, async_sessionmaker
from sqlalchemy.orm import declarative_base
from sqlalchemy i...Structure Flutter applications with domain, data, and presentation layers for maintainability.
// Domain Layer - Entities
class Article {
final String id;
final String title;
final String content;
final String authorId;
final DateTime ...Master async/await patterns in Server Components for efficient data loading and caching.
import { db } from '@/lib/db';
import { cache } from 'next/cache';
import { Suspense } from 'react';
import { Skeleton } from '@/components/ui/skeleto...Implement centralized state management with Pinia for Vue 3 applications.
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
import type { User, Project } from '@/types';
import { userApi } from '@/api...Use select_related, prefetch_related, and only() to minimize database queries.
from django.db.models import Prefetch, Count, Q
from django.shortcuts import render
from .models import Author, Book, Publisher
# Problematic: N+1 qu...Implement authentication at the edge with Next.js Middleware for protected routes.
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';
import { jwtVerify } from 'jose';
const JWT_SECRET = new ...Build real-time features with FastAPI WebSockets and connection manager patterns.
from fastapi import FastAPI, WebSocket, WebSocketDisconnect, HTTPException
from fastapi.middleware.cors import CORSMiddleware
from typing import Dict,...Implement BLoC for predictable state management with clear event-state separation.
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:equatable/equatable.dart...Use React.memo, useMemo, and useCallback correctly to prevent unnecessary re-renders.
import React, { useState, useMemo, useCallback, memo, useEffect } from 'react';
// Expensive calculation helper
function calculateExpensiveValue(item...Implement navigation guards, lazy loading, and advanced routing patterns in Vue 3.
<script setup lang="ts">
import { useRouter, useRoute } from 'vue-router';
import { computed, onMounted } from 'vue';
import { useAuthStore } from '@/...Implement comprehensive security measures including CSRF, XSS prevention, and SQL injection protection.
from django.http import HttpResponse, HttpResponseForbidden
from django.views.decorators.http import require_http_methods
from django.views.decorators...Use the Metadata API for SEO optimization with dynamic titles, descriptions, and OpenGraph images.
import { Metadata, ResolvingMetadata } from 'next';
import { notFound } from 'next/navigation';
import { db } from '@/lib/db';
import { SchemaMarkup }...Handle long-running operations with BackgroundTasks and Celery for distributed task queues.
from fastapi import FastAPI, BackgroundTasks, Depends, HTTPException
from pydantic import BaseModel, EmailStr
from sqlalchemy.orm import Session
from ...Implement declarative routing with GoRouter for deep linking and nested navigation.
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '....Build performant forms with React Hook Form using uncontrolled components and validation.
import { useForm, Controller } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { z } from 'zod';
import DatePick...Extract and reuse stateful logic with Vue 3 Composables using the Composition API.
import { ref, computed, watch, onMounted, onUnmounted } from 'vue';
import { useLocalStorage } from './useLocalStorage';
import { useFetch } from './u...Implement granular permission systems with DRF permission classes and custom permission logic.
from rest_framework import permissions
from rest_framework.views import APIView
from rest_framework.response import Response
from rest_framework.gener...Master Next.js caching with fetch, revalidation, and Route Handler caching for optimal performance.
import { unstable_cache } from 'next/cache';
import { revalidatePath, revalidateTag } from 'next/cache';
import { cookies, headers } from 'next/header...