# nextjs-page-generator

> Generate polished Next.js (App Router) pages and components using Tailwind + shadcn/ui, with JWT-protected data fetching flows. Use when implementing UI pages specified in /specs/ui/* and feature specs.

- Author: shumailaaijaz
- Repository: Shumailaaijaz/phase-5-advanced-cloud-deployment
- Version: 20260207170442
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/Shumailaaijaz/phase-5-advanced-cloud-deployment
- Web: https://mule.run/skillshub/@@Shumailaaijaz/phase-5-advanced-cloud-deployment~nextjs-page-generator:20260207170442

---

---
name: nextjs-page-generator
description: Generate polished Next.js (App Router) pages and components using Tailwind + shadcn/ui, with JWT-protected data fetching flows. Use when implementing UI pages specified in /specs/ui/* and feature specs.
allowed-tools: Read, Write, Edit, Glob, Grep
---

# Next.js Page Generator

## Purpose
Generate beautiful Next.js pages and components (App Router) with JWT-protected data fetching.

## Used by
- full-stack-frontend

## Requirements
- Follow `/specs/ui/*` and `/specs/features/*`.
- Mobile-first responsive UI.
- Handle loading/empty/error states.

## Output format
- Implement frontend-only changes under `/frontend`.
- Keep styling consistent with shadcn/ui conventions.