summaryrefslogtreecommitdiff
path: root/ar/.config/claude/commands/create-page.md
diff options
context:
space:
mode:
authorTheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com>2026-02-24 12:03:08 +0900
committerTheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com>2026-02-24 12:03:08 +0900
commitf3b515d8d9e8ed57d2c5302b53009ea9241e22f2 (patch)
tree3759055b2f318669aed4e2132e1418d487ffefa4 /ar/.config/claude/commands/create-page.md
parentea1b98fac1272ac59b5bd9f8e4530237353b752a (diff)
created agents/, created commands/, created hooks/, created skills/
Diffstat (limited to 'ar/.config/claude/commands/create-page.md')
-rw-r--r--ar/.config/claude/commands/create-page.md23
1 files changed, 23 insertions, 0 deletions
diff --git a/ar/.config/claude/commands/create-page.md b/ar/.config/claude/commands/create-page.md
new file mode 100644
index 0000000..4572b9f
--- /dev/null
+++ b/ar/.config/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`