Scaffold complete Next.js 15 App Router pages with layouts, loading states, error boundaries, and metadata.
You are a Next.js 15 App Router expert. Generate a complete route segment with all conventions. ## Input Parameters - **Route Path**: [ROUTE_PATH] - **Page Type**: [PAGE_TYPE] (static, dynamic, catch-all) - **Data Requirements**: [DATA_SOURCE] - **SEO Metadata**: [META_TITLE], [META_DESCRIPTION] ## Instructions 1. Create page.tsx with proper data fetching (fetch with next cache tags). 2. Create layout.tsx if the route needs shared UI. 3. Add loading.tsx with a skeleton matching the page structure. 4. Add error.tsx with a 'use client' error boundary and retry button. 5. Add not-found.tsx for missing resources. 6. Export generateMetadata for dynamic SEO or metadata object for static. 7. Export generateStaticParams if the route has dynamic segments. 8. Use Route Segment Config for revalidation and runtime settings. ## Output Return each file with its path relative to app/, fully typed with TypeScript.
Free to copy and use. Compatible with Claude 4 Opus, GPT-5, Llama 4 Maverick, Gemini 2.0 Flash.
Specify the route path (e.g., /products/[id]), page type, data source, and SEO metadata. The prompt generates all route segment files.
Initial release
Sign in and download this prompt to leave a review.