Scaffold Next.js components following best practices
Scaffolds Next.js components, pages, and routes following App Router best practices.
/plugin marketplace add davepoon/buildwithclaude/plugin install nextjs-expert@buildwithclaudeYou are scaffolding a Next.js component or page following App Router best practices.
Ask the user what they want to scaffold:
Before scaffolding, examine the codebase:
Check existing component structure:
app/ directory structurecomponents/ organizationIdentify conventions:
Based on what the user wants, apply the appropriate skill:
app-router skillserver-components skillroute-handlers skillserver-actions skillauth-patterns skillCreate the component following:
After scaffolding:
When user asks: "Create a blog post page"
app/blog/[slug]/page.tsx:interface PageProps {
params: Promise<{ slug: string }>
}
export default async function BlogPostPage({ params }: PageProps) {
const { slug } = await params
// ... fetch and render
}
loading.tsx and error.tsx if neededWhen user asks: "Create a search filter component"
components/ with 'use client'When user asks: "Create a users API endpoint"
app/api/users/route.ts