Skills
.Work. You
Rest

nextjs-practices

Community

Master Next.js App Router.

Software Engineering#best practices#performance#web development#react#nextjs#app router
AuthorLuisSambrano
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides clear, actionable guidelines and best practices for developing with the Next.js App Router, ensuring efficient, performant, and maintainable applications.

Core Features & Use Cases

  • Component Strategy: Differentiates between Server and Client Components with a decision tree.
  • Data Fetching: Outlines various data fetching patterns and their use cases.
  • Routing: Explains file conventions and advanced routing techniques.
  • Performance: Offers tips on image optimization and bundle splitting.
  • Use Case: When starting a new Next.js project or refactoring an existing one, consult this Skill to ensure adherence to modern best practices for component architecture, data handling, and routing.

Quick Start

Explain the difference between Server and Client Components in Next.js.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-practices
Download link: https://github.com/LuisSambrano/antigravity-config/archive/main.zip#nextjs-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.