ag-referencia-nextjs

Provide Next.js and React reference patterns for structure, components, and data flow.

19|4|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/andregusman-raiz/a-gusman-claude --skill ag-referencia-nextjs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ag-referencia-nextjs
Source: https://github.com/andregusman-raiz/a-gusman-claude/tree/main/skills/ag-referencia-nextjs
Command: npx skills add https://github.com/andregusman-raiz/a-gusman-claude --skill ag-referencia-nextjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Patterns and conventions for Next.js + React projects to standardize project structure, component usage, and data flow.

Core Features & Use Cases

  • Standardized App Router structure and file organization for Next.js 13+ apps.
  • Guidance on Server vs Client Components, data fetching patterns, and pattern reuse.
  • Practical use cases: starting a new Next.js project, refactoring an app, and enforcing consistency across teams.

Quick Start

Apply these Next.js + React patterns to structure pages, implement server vs client components, and optimize data fetching in your project.

Frequently Asked Questions about ag-referencia-nextjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure Next.js App Router projects using server and client components?

Decide between Next.js server and client components by evaluating data fetching needs and interactivity requirements, applying established React patterns to separate server-side fetching from client-side rendering logic.

What is the best way to standardize Next.js data fetching patterns across an application?

Standardize Next.js data fetching patterns by applying reference conventions that guide data flow structure, ensuring consistent server component fetching and pattern reuse across pages and APIs throughout the project.

Can I use these React patterns to refactor an existing Next.js application?

Yes, you can use these React patterns to refactor an existing Next.js application by applying standardized App Router structure, server versus client component guidance, and performance best practices to enforce team consistency.

How do Tailwind usage considerations affect Next.js component patterns?

Tailwind usage considerations affect Next.js component patterns by dictating styling conventions within server and client components, ensuring performance best practices align with standardized React project structure.

When should I not use server components in a Next.js project?

You should not use Next.js server components when client-side interactivity or state management is required, applying React patterns to designate client components for interactive elements while retaining server components for data fetching.