fsd-nextjs-architecture

Structures or refactors a Next.js App Router project with Feature-Sliced Design, using a views layer in place of the standard pages layer so the app directory holds routing only. Covers the layer order from app down to shared, one-way import direction, slices, segments, index.ts public APIs, standalone and Turborepo layouts, and a bottom-up migration path. Use when asked to set up or apply FSD, add layers or slices, move page logic out of app routes, or untangle circular imports in a growing frontend. Not for non-Next.js stacks, backend-only services, or requests for a different architecture pattern.

Version

v1.0.0

Size

17 KB

Updated

2026-10-10

Your client verifies the signature before reading. This explicit manual read is available on every plan. Free automatically loads five chosen skills; paid plans automatically load relevant skills across the library.