page-new

Scaffold Next.js App Router pages with TypeScript and metadata.

Updated Aug 27, 2026

Search Tags:#routing #TypeScript #Next.js #App Router #generate #page #server-components

Ready to run

npx skills add https://github.com/gpaura/claude_plugins --skill page-new

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: page-new
Source: https://github.com/gpaura/claude_plugins/tree/main/skills/page-new
Command: npx skills add https://github.com/gpaura/claude_plugins --skill page-new

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill scaffolds a new Next.js App Router page, providing the correct file structure and sensible defaults to accelerate project setup.

Core Features & Use Cases

Page scaffold: generates app/[route]/page.tsx and, optionally, layout.tsx, loading.tsx, error.tsx, and not-found.tsx
Metadata & SEO: includes a ready-to-use metadata block for titles and descriptions
Best practices: follows server components by default, provides TypeScript types, and supports static or dynamic routes

Quick Start

Generate a new Next.js page at a specified route following App Router conventions. Example: create a page for /about that renders data via a server component and includes basic metadata.

Frequently Asked Questions about page-new

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold a new page in a Next.js App Router project?▼

To scaffold a new Next.js App Router page, this skill generates the standard file structure including page.tsx, sensible TypeScript defaults, server components by default, and metadata blocks for SEO to accelerate project setup.

What is the default component type for Next.js App Router pages?▼

The default component type for Next.js App Router pages is server components. This skill enforces server components by default while providing TypeScript typings and metadata scaffolding for static and dynamic routes.

How do I generate a dynamic route with TypeScript in Next.js 15?▼

To generate a dynamic route in Next.js 15, this skill scaffolds the App Router file structure with TypeScript typings, supporting both static and dynamic pages while enforcing best practices for rapid route creation.

Can I generate loading.tsx and error.tsx files when creating a Next.js page?▼

Yes, you can optionally generate loading.tsx, error.tsx, layout.tsx, and not-found.tsx files. This skill scaffolds these standard App Router files alongside page.tsx to provide sensible defaults for the route.

Does this Next.js page scaffold include metadata for SEO?▼

Yes, the page scaffold includes a ready-to-use metadata block for titles and descriptions. It generates standard App Router pages with TypeScript typings and metadata scaffolding to support SEO best practices.

What is the best way to set up a static Next.js page with metadata?▼

The best way to set up a static Next.js page is using a scaffold that generates the App Router file structure with sensible defaults. This skill creates page.tsx with TypeScript types, server components, and a ready-to-use metadata block.