diff options
| author | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
|---|---|---|
| committer | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
| commit | 3fbb9a18372f2b6a675dd6c039ba52be76f3eeb4 (patch) | |
| tree | aa694a36cdd323a7853672ee7a2ba60409ac3b06 /frameworks/nextjs-15/.claude/commands/create-page.md | |
updates
Diffstat (limited to 'frameworks/nextjs-15/.claude/commands/create-page.md')
| -rw-r--r-- | frameworks/nextjs-15/.claude/commands/create-page.md | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/frameworks/nextjs-15/.claude/commands/create-page.md b/frameworks/nextjs-15/.claude/commands/create-page.md new file mode 100644 index 0000000..4572b9f --- /dev/null +++ b/frameworks/nextjs-15/.claude/commands/create-page.md @@ -0,0 +1,23 @@ +--- +description: Create a new Next.js 15 App Router page with proper structure +argument-hint: "[route-path] [page-type]" +allowed-tools: Write, Read, Bash +--- + +Create a new Next.js 15 App Router page: $ARGUMENTS + +Follow Next.js 15 best practices: +1. Create app/[route-path]/page.tsx with async params/searchParams +2. Add loading.tsx with proper Suspense fallback +3. Add error.tsx as Client Component with error boundary +4. Include proper TypeScript types for route parameters +5. Use Server Components by default +6. Add proper metadata for SEO + +Page types available: +- **default** - Standard page with basic layout +- **dynamic** - Dynamic route with [id] parameter +- **protected** - Page with authentication check +- **api** - API route handler + +Example: `/create-page dashboard/analytics dynamic` |