Vercel Development
This is a comprehensive reference for building production Next.js apps on Vercel's platform. You get opinionated guidance on React Server Components (minimize 'use client'), TypeScript patterns (interfaces over types, const objects over enums), and the Vercel AI SDK for streaming chat interfaces. The project structure recommendations and API route examples with Zod validation are immediately applicable. Worth noting: it pushes hard toward server components and URL state over client-side hooks, which matches Vercel's current direction but might feel restrictive if you're migrating existing codebases. The AI SDK error handling examples covering rate limits and quota issues are especially practical.
- skills.sh installs
- 738
- GitHub stars
- 302
- last updated
- Aug 21, 2026
Install
$ npx -y skills add mindrally/skills --skill vercel-development --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/mindrally/skills
- Categories
- Frontend Development, Backend & APIs, Debugging, Cloud & Infrastructure
- First seen
- Jun 3, 2026
More from mindrally/skills
All 240- Kotlin Development735
- Rspec734
- Terraform731
- Swift730
- Angular Development729
- Koa Typescript728
- Stripe728
- Jax Best Practices727
- Esbuild Bundler725
- Auth0 Authentication724
- Aws Development724
- Monorepo724
- Prisma Development724
- Supabase Development724
- Llamaindex Development720
- Monitoring Guidelines720
- Playwright Cursor Rules720
- Cloudflare Development718
- Meta Prompt718
- Less Best Practices717
- Localization L10n716
- Firebase Development715
- Micronaut715
- Julia713
Recommended
More Frontend Development
aestheticmrgoonie/claudekit-skillsCreate aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating desi722skills.sh installs
less-best-practicesmindrally/skillsLess CSS best practices and coding guidelines for maintainable, modular stylesheets717skills.sh installs
pinmeglitternetwork/pinmeUse this skill when the user mentions "pinme", or needs to upload files, store to IPFS, create/publish/deploy websites or full-stack services (including fronten715skills.sh installs
orpc-contract-firstlanggenius/difyGuide for implementing oRPC contract-first API patterns in Dify frontend. Trigger when creating or updating contracts in web/contract, wiring router composition713skills.sh installs
js-performance-patternspatternsdev/skillsProvides framework-agnostic JavaScript runtime performance patterns. Use when optimizing hot paths, loops, DOM operations, caching, or data structure choices in706skills.sh installsturbopack-bundlermindrally/skillsBest practices and guidelines for Turbopack, the Rust-powered incremental bundler for Next.js and modern web development702skills.sh installs