Automate Next.js App Router patterns for pages, layouts, components, API routes, and NextAuth v5.
npx skills add https://github.com/ftc8569/ftcmetrics --skill nextjs-ftc8569
Please help me install this Agent Skill. Skill: nextjs Source: https://github.com/ftc8569/ftcmetrics/tree/main/.claude/skills/nextjs Command: npx skills add https://github.com/ftc8569/ftcmetrics --skill nextjs-ftc8569
Patterns and best practices for building the FTC Metrics frontend with Next.js 16 App Router, covering pages, layouts, components, API routes, and authentication flows.
Navigate to packages/web and start the development server with bun dev.
High-intent search queries and answers about installing and using this skill.
To structure Next.js App Router pages and layouts in a monorepo, apply server and client component patterns within the packages/web directory. This ensures maintainable routing and component isolation across the frontend application.
Implementing protected routes with NextAuth v5 in Next.js involves integrating authentication flows directly within your App Router layouts. This approach secures dynamic routing paths and restricts access to authorized users across the web application.
Scaffolding API routes using Next.js App Router conventions requires defining route handlers within the app directory structure. This pattern automates backend endpoint creation and integrates seamlessly with your frontend components and monorepo packages.
Use Server Components in Next.js for static rendering and direct data fetching, and Client Components for interactive UI elements requiring browser APIs. Separating these patterns ensures optimal performance and correct data flow within the App Router.
Yes, these Next.js frontend patterns fully support dynamic routing for metrics dashboards. You can create dynamic route segments within the App Router to display specific metric data based on URL parameters.
kjgarzaGenerate monorepo scaffolds with apps, services, and packages directories.
samhvw8Generate Next.js and Turborepo monorepo configurations with App Router and RemixIcon.
bradtaylorsfImplement Next.js App Router API routes with request handling and validation.
henriquemeireles7Migrate Next.js 13+ projects from Pages Router to App Router.
