Accelint Nextjs Best Practices

Next.js Best Practices

Comprehensive performance optimization and best practices for Next.js applications, designed for AI agents and LLMs working with Next.js code.

When to Activate This Skill

Use this skill when the task involves:

Writing Next.js Code

• Creating Server Components or Client Components
• Implementing Server Actions with "use server"
• Writing API route handlers
• Setting up data fetching in RSC (React Server Components)
• Implementing Suspense boundaries
• Using Next.js-specific APIs (headers(), cookies(), after())

Refactoring Next.js Code

• Optimizing server-side data fetching
• Reducing RSC serialization overhead
• Converting sequential to parallel operations
• Restructuring component composition for better performance
• Migrating between Server and Client Components

Performance Optimization

• Eliminating server-side waterfalls
• Reducing response times in API routes and Server Actions
• Minimizing data transfer at RSC boundaries
• Implementing request deduplication with React.cache()
• Using after() for non-blocking operations