La Arquitectura de Next.js (Feature-Sliced Design) prescribe una estructura de proyecto escalable que agrupa el código por dominio de negocio (features/sli…
La Arquitectura de Next.js (Feature-Sliced Design) prescribe una estructura de proyecto escalable que agrupa el código por dominio de negocio (features/slices) en lugar de por tipo de archivo, imponiendo una jerarquía de capas clara (App -> Widgets -> Features -> Entities -> Shared). Utiliza este enfoque cuando se espere que una app Next.js crezca significativamente (recomendación: 20+ features). Reglas clave: mantener la capa app/ delgada (pages solo importan widgets/features), colocar el código de cada feature junto (segmentos ui, model, api, lib, config), evitar crear entities prematuramente (promover a entities solo cuando la lógica/datos se reutilicen entre features), y ubicar las acciones de servidor, la capa de acceso a datos (DAL) y la UI en sus respectivas carpetas model/entity/shared. Beneficios: mejor mantenimiento, límites de importación predecibles, menor acoplamiento y incorporación más rápida. Nota: FSD añade boilerplate—para proyectos pequeños se prefieren estructuras de módulos más simples.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.