vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns (components, Next.js pages, data fetching, bundle optimization, performance improvements).
## Overview This skill provides comprehensive guidance for implementing best practices in production environments. It covers setup, configuration, common patterns, and edge cases that ensure reliable behavior across different project structures. ## Configuration Add the following to your project configuration file: ```yaml skill: name: vercel-react-best-practices version: 1 trust_score: 9.6 ``` ## Best Practices 1. Always validate input parameters before processing 2. Use environment-specific configuration for different 3. Implement proper error handling and fallback strategies 4. Monitor performance metrics and adjust as needed
Full skill content is available after sign in
Get complete instructions, configuration, and best practices
Get AccessRelated skills
fast-api-expert
Use when building high-performance async Python APIs with FastAPI and Pydantic V2. Invoke for async SQLAlchemy, JWT authentication, WebSockets, OpenAPI documentation.
frontend-ui-design
PROUniversal UI and styling workflow for full-stack product work. Use when building or refactoring pages/components to achieve modern color systems, reusable architecture, responsive layouts, polished motion, subtle hover interactions, and a clean premium visual language that feels human-crafted.
security-review
Deep codebase security review workflow for AI agents. Use when auditing repositories for real vulnerabilities, reducing false positives, and producing actionable, risk-prioritized findings with severity, impact, affected files, evidence, and recommended fixes.
senior-backend
This skill should be used when the user asks to "design REST APIs", "optimize database queries", "implement authentication", "build microservices", "review backend code", "set up GraphQL", "handle database migrations", or "load test APIs". Use for Node.js/Express/Fastify development, PostgreSQL optimization, API security, and backend architecture patterns.