best▌

Server Components by default, client interactivity on demand, with structured data fetching and caching strategies. \n \n Server Components handle data fetching and static content; Client Components ('use client') manage forms, state, and event handlers. Split responsibilities when both are needed. \n Data fetching uses static caching by default, with ISR (time-based revalidation) and dynamic (no-store) options for different freshness requirements. \n Routing relies on file conventions (page.tsx

TypeScript configuration and type safety patterns for Pinia stores in Vue 3. \n \n Addresses storeToRefs type inference issues, particularly nested ref type loss in Vue 3.5+ \n Resolves circular type references and any type errors in getters that use this \n Provides setup store patterns and best practices for type-safe store configuration \n Covers common debugging scenarios when working with Pinia in TypeScript projects \n

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Headless UI, Element Plus, and Tailwind, with deep understanding of best practices and performance optimization.

Create or update CLAUDE.md in with following content, write it strictly as it is, do not summaraise or introduce and new additional information:

Comprehensive best practices for writing reliable, maintainable Pulumi infrastructure code. \n \n Avoid creating resources inside apply() callbacks; pass Output objects directly as inputs to preserve dependency tracking and preview visibility \n Use ComponentResource classes to group related resources into reusable logical units with proper parent-child hierarchy via parent: this \n Encrypt secrets from the start with --secret flag or config.requireSecret() to prevent credential leakage in state

Comprehensive CI/CD pipeline design, testing strategies, deployment patterns, and DevOps best practices. \n \n Covers five core pipeline stages: build, test, security scanning, staging deployment, and production deployment with examples for each \n Includes four deployment strategies: blue-green, canary, rolling, and feature flags for zero-downtime releases and gradual rollouts \n Provides testing pyramid guidance with unit, integration, and end-to-end test layers, plus parallelization and flaky

Comprehensive performance optimization guide for Postgres, maintained by Supabase. Contains rules across 8 categories, prioritized by impact to guide automated query optimization and schema design.

Comprehensive guidelines for building production-ready Capacitor applications. \n \n Covers project structure, configuration management, plugin installation patterns, and native project setup for iOS and Android \n Emphasizes critical practices: keeping Capacitor packages in sync, checking plugin availability before use, lazy loading plugins, and secure storage for sensitive data \n Includes performance optimization strategies such as batching bridge calls, hardware acceleration, and image optim

Comprehensive guide for optimizing React Three Fiber and Poimandres ecosystem code across 70+ rules. \n \n Covers 12 priority-ranked categories from performance and re-renders (critical) through physics and debug tools, with rule prefixes for quick reference \n Emphasizes avoiding setState in useFrame, isolating React state, using Zustand selectors, and memoizing expensive components to prevent excessive re-renders \n Includes patterns for useFrame animation with delta time, Drei helpers (useGLT

45 React and Next.js performance rules organized by impact, from eliminating waterfalls to advanced patterns. \n \n Covers 8 priority categories spanning async optimization, bundle size, server/client data fetching, re-renders, rendering, JavaScript performance, and advanced patterns \n Each rule includes explanation, before/after code examples, and context; rules prefixed by category (e.g., async- , bundle- , server- ) for easy reference \n Prioritizes critical issues like waterfall elimination