Skip to content
Development
Command

/add-page

Create a new Next.js page with proper routing and structure.

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-page.md

Create a new Next.js page with proper routing and structure.

Generate:

  • Page file in /app with proper naming for Next.js routing
  • Layout wrapper with consistent structure
  • TypeScript types for page props and params
  • SEO metadata using Next.js 15 Metadata API (title, description, Open Graph)
  • Responsive Bootstrap grid structure
  • Server Component pattern for data fetching (if needed)
  • Client Component patterns for interactivity (if needed)
  • Loading state (loading.tsx) and error boundary (error.tsx)
  • Page-specific styles if required
  • Example content structure

Include proper type safety, accessibility attributes, and responsive design. Follow Next.js 15 App Router conventions and best practices.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command