Vercel Development Best Practices

Overview

This skill provides comprehensive guidelines for developing and deploying applications on Vercel, with a focus on Next.js, React Server Components, Edge Functions, and the Vercel AI SDK.

Core Principles

• Write concise, technical TypeScript code with accurate examples
• Use functional and declarative programming patterns; avoid classes
• Minimize 'use client', 'useEffect', and 'setState'; favor React Server Components (RSC)
• Implement responsive design with Tailwind CSS using mobile-first approach
• Optimize for Core Web Vitals and performance

Project Structure

my-app/
├── app/                    # App Router pages and layouts