Guide Next.js 14 development with App Router and Server Component patterns.
npx skills add https://github.com/akvo/akvo-rag --skill nextjs-patterns-akvo
Please help me install this Agent Skill. Skill: nextjs-patterns Source: https://github.com/akvo/akvo-rag/tree/main/.agent/skills/nextjs-patterns Command: npx skills add https://github.com/akvo/akvo-rag --skill nextjs-patterns-akvo
This Skill provides comprehensive guidance on modern Next.js 14 development, helping developers build efficient, scalable, and maintainable frontend applications.
Review the Next.js App Router file conventions for creating new routes.
High-intent search queries and answers about installing and using this skill.
App Router conventions in Next.js 14 define routing through file-based segments and special file types. You structure layouts, pages, and loading states using specific file names within the app directory to manage route segments.
React Server Component boundaries separate server-only data fetching from client interactivity. You differentiate them by using specific directives, ensuring components requiring state or browser APIs are explicitly marked as Client Components.
Data fetching in Next.js 14 Server Components executes directly on the server. You implement strategies by calling asynchronous functions within the component, leveraging the App Router's built-in support for async server rendering.
Next.js 14 works seamlessly with Tailwind CSS for responsive design styling. You handle errors by configuring error boundaries using special error files to catch and manage component-level rendering failures.
Your Next.js App Router requires React Server Components principles to ensure modern, performant frontend architecture. Adhering to these principles enables efficient data fetching and optimized rendering boundaries.
jungaiBootstrap React frontends with TypeScript, Tailwind, Next.js, and TanStack tooling.
mohamedgshoaibEnforce Next.js App Router best practices for file conventions and data fetching.
sonth87Provide React components and utility hooks for Tailwind CSS interfaces.
kevinnguyen271090Provide React/TypeScript guidelines for components, data fetching, styling, and routing.
