Guide Next.js 13+ App Router architecture, Server Components, and caching decisions.
npx skills add https://github.com/truongnat/skills --skill nextjs-pro-truongnat
Please help me install this Agent Skill. Skill: nextjs-pro Source: https://github.com/truongnat/skills/tree/main/skills/nextjs-pro Command: npx skills add https://github.com/truongnat/skills --skill nextjs-pro-truongnat
This skill helps frontend and full-stack teams apply best practices for modern Next.js development, including App Router design, server/client boundaries, data fetching strategies, and production edge considerations.
Share your Next.js version, router type (App Router or Pages), and deployment target to tailor guidance.
High-intent search queries and answers about installing and using this skill.
Next.js middleware runs on the Edge Runtime to intercept requests before they complete, enabling authentication and routing. The Edge Runtime requires lightweight dependencies and avoids Node.js native modules, impacting deployment compatibility on platforms like Vercel.
Structure server and client boundaries by keeping data fetching and static markup in server components, pushing 'use client' only to interactive leaf nodes. This minimizes client-side JavaScript and leverages React Server Components for optimal caching and SSR.
The best way to handle data fetching and caching in Next.js Server Components is using the extended fetch API. It provides built-in caching strategies like force-cache and no-store, allowing precise control over revalidation and Incremental Static Regeneration (ISR).
Yes, you can use parallel routes to render multiple pages simultaneously and intercepting routes for modals. This App Router architecture is ideal for building scalable data-heavy dashboards with robust loading and error boundaries.
Next.js App Router supports dynamic data through time-based or on-demand revalidation. By configuring fetch requests with specific revalidate times or using tags, you maintain robust caching benefits while ensuring data freshness when needed.
cometchatIntegrate CometChat into Next.js 13+ apps with SSR-safe provider patterns.
multiplex-aiImplement Django architecture patterns for REST APIs, caching, and middleware.
outfitter-devApply type-safe React patterns for components, events, Server Components, Actions, and TanStack Router.
litegralDesign Next.js App Router architectures for scalable React applications.
