Smithery Logo
MCPsSkillsDocsPricing
Login
Smithery Logo

Accelerating the Agent Economy

Resources

DocumentationPrivacy PolicySystem Status

Company

PricingAboutBlog

Connect

© 2026 Smithery. All rights reserved.

    sraloff

    nextjs-full-stack

    sraloff/nextjs-full-stack
    Coding
    1

    About

    SKILL.md

    Install

    Install via Skills CLI

    or add to your agent
    • Claude Code
      Claude Code
    • Codex
      Codex
    • OpenClaw
      OpenClaw
    • Cursor
      Cursor
    • Amp
      Amp
    • GitHub Copilot
      GitHub Copilot
    • Gemini CLI
      Gemini CLI
    • Kilo Code
      Kilo Code
    • Junie
      Junie
    • Replit
      Replit
    • Windsurf
      Windsurf
    • Cline
      Cline
    • Continue
      Continue
    • OpenCode
      OpenCode
    • OpenHands
      OpenHands
    • Roo Code
      Roo Code
    • Augment
      Augment
    • Goose
      Goose
    • Trae
      Trae
    • Zencoder
      Zencoder
    • Antigravity
      Antigravity
    ├─
    ├─
    └─

    About

    App Router, API routes, Server Actions, auth, and deployment patterns.

    SKILL.md

    Next.js Full Stack Patterns

    When to use this skill

    • Building features in Next.js (App Router).
    • Creating API endpoints (Route Handlers).
    • Implementing Server Actions for mutations.

    1. App Router Structure

    • Colocation: Keep related files (helpers, components, styles) inside the route segment folder unless they are truly shared.
    • Pages: page.tsx should remain light; import client/server components for the UI.
    • Layouts: Use layout.tsx for shared UI (nav, unrelated to route params) and template.tsx if you need state reset on navigation.

    2. Server Components (RSC)

    • Default: All components are Server Components by default.
    • Data Fetching: Fetch data directly in RSCs (async/await). No useEffect needed.
    • Secrets: Server components can safely access process.env secrets.

    3. Server Actions

    • Mutations: Use Server Actions ('use server') for form submissions and simple mutations.
    • Validation: Validate inputs (Zod) inside the action before processing.
    • Revalidation: Use revalidatePath or revalidateTag to update cache after mutation.

    4. Middleware

    • Auth: Use middleware for route protection (redirecting unauthenticated users).
    • Performance: Keep middleware lightweight (Edge runtime compatible).
    Recommended Servers
    Vercel
    Vercel
    Kernel
    Kernel
    Svelte
    Svelte
    Repository
    sraloff/gravityboots
    Files