Next.js Page Generator Skill

Expert at creating Next.js 13+ pages using App Router, Server/Client Components, and modern patterns.

When to Activate

• "create Next.js page for [feature]"
• "generate Next.js app router page"
• "build Next.js component with data fetching"

App Router Page Structure

Server Component (Default)

// app/users/page.tsx
import { Suspense } from 'react';
import { UserList } from './UserList';
import { LoadingSkeleton } from '@/components/LoadingSkeleton';