Define Next.js App Router architecture with Prisma on Node runtime.
npx skills add https://github.com/janjaszczak/cursor --skill next-stack
Please help me install this Agent Skill. Skill: next-stack Source: https://github.com/janjaszczak/cursor/tree/main/skills/next-stack Command: npx skills add https://github.com/janjaszczak/cursor --skill next-stack
This Skill provides a structured decision framework and implementation checklist to keep Next.js App Router frontend work aligned with server-first architecture, Prisma-backed data access, and consistent UI patterns.
Set up a Next.js App Router project that enforces server-first boundaries, places Prisma calls on the server, and applies the provided workflow to new pages and forms.
High-intent search queries and answers about installing and using this skill.
To structure a Next.js App Router project with Prisma, enforce a server components-first architecture by running all Prisma queries on the Node runtime and exposing client components only for interactive UI pieces.
No, Prisma must run in a Node runtime context within Next.js App Router. You should apply explicit runtime hints to ensure all server-only data operations bypass the Edge runtime.
The best way to handle form validation in Next.js is to enforce a single shared Zod schema. This ensures consistent validation rules across server mutations and client-side forms using react-hook-form.
To set up consistent UI patterns in Next.js, apply a standardized Tailwind and shadcn/ui layer across your frontend and route directories. This enforces a unified component design system throughout the application.
Client components in Next.js App Router should be used sparingly, only when interactive UI elements are necessary. Default to server components for data fetching and static rendering to maintain strict boundaries.
Next.js App Router works with TanStack Query by confining it to client components for interactive data fetching, while defaulting to server components for initial data loads to maintain a server-first architecture.
JeffallanBuild Next.js 14+ apps with App Router, server components, and server actions.
Yoriichi-DangManage React server state with TanStack Query v5 hooks.
Arnutt-NBuild reusable Next.js 16 components with Shadcn UI, Server Actions, and React Hook Form.
nksethImplement React 19 Server Components patterns for rendering and data fetching.
