Nextjs Frontend Guidelines

What it does

This skill provides guidance and resources for adhering to Next.js frontend development best practices. It helps ensure code quality, performance optimization, and maintainability within a Next.js project. The skill likely offers suggestions on component structure, data fetching strategies, and routing conventions specific to the Next.js framework.

When to use it

• When building new applications using Next.js and needing guidance on architectural decisions.
• During code reviews to ensure adherence to established Next.js coding standards within a team.
• To refactor existing Next.js projects for improved performance or maintainability.
• When encountering issues related to routing, data fetching, or component rendering in a Next.js application.

Key capabilities

• Next.js best practices guidance
• Component structure recommendations
• Data fetching strategies
• Routing conventions

Example prompts

• "What is the recommended way to handle image optimization in Next.js?"
• "Can you provide an example of a server-side data fetch using getServerSideProps?"
• "How should I structure my components for reusability within a Next.js project?"

Tips & gotchas

This skill assumes familiarity with basic JavaScript and React concepts. While it provides guidance on Next.js, understanding the underlying principles is crucial to effectively apply its recommendations.