# Nextjs Page Generator

> Generate Next.js page components with App Router, Server Components, and data fetching. Triggers on "create nextjs page", "generate next.js route", "nextjs app router page", "next page component".

- Skill: `ehtbanton/nextjs-page-generator` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add ehtbanton/nextjs-page-generator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ehtbanton/nextjs-page-generator/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ehtbanton (https://skillmd.com/u/ehtbanton)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/ehtbanton/nextjs-page-generator

---


# Next.js Page Generator

Generate Next.js page components using App Router with Server/Client Components and data fetching.

## Output Requirements

**File Output:** `page.tsx`, `layout.tsx`, `loading.tsx`, `error.tsx`
**Format:** Valid Next.js 14 TypeScript
**Standards:** Next.js App Router conventions

## When Invoked

Immediately generate complete Next.js page files with appropriate patterns for the use case.

## Example Invocations

**Prompt:** "Create Next.js page for product listing"
**Output:** Complete `app/products/page.tsx` with Server Component data fetching.