Next Best Practices

What it does

This skill, next-best-practices, provides guidance and recommendations for optimizing Next.js applications. It can help users identify potential performance bottlenecks, improve code quality, and adhere to industry best practices within a Next.js project. The skill is authored by joelhooks and part of the Joelclaw suite.

When to use it

• You're starting a new Next.js project and want to ensure you’re using recommended patterns from the outset.
• Your existing Next.js application is experiencing performance issues or unexpected behavior.
• You are refactoring an older Next.js codebase and need assistance in modernizing its structure.
• You're unsure about a specific aspect of Next.js configuration or development workflow.

Key capabilities

• Provides recommendations for optimizing Next.js applications.
• Offers guidance on code quality within a Next.js project.
• Adheres to industry best practices for Next.js development.

Example prompts

• "What are the best practices for image optimization in Next.js?"
• "How can I improve the performance of my Next.js API routes?"
• "Suggest ways to refactor this component for better readability and maintainability."

Tips & gotchas

This skill assumes a basic understanding of Next.js concepts. The effectiveness of the recommendations depends on providing clear context about your specific project setup and goals.