folder-structure

Feature-Sliced Design (FSD) is a frontend architecture methodology that organizes folders into vertical layers, domain slices, and technical segments to ensure consistent file placement, import paths, and scalable project structure.

Structure your frontend project by enforcing six FSD layers: app, pages, widgets, features, entities, and shared. Each layer contains domain slices with standardized technical segments to manage module dependencies and file locations.

FSD folder structure is designed for new frontend projects to immediately apply layer, slice, and segment rules. While applicable to existing codebases, it primarily guides initial file placement and import path standardization from project inception.

In Feature-Sliced Design architecture, i18n resource files are organized within specific slice segments, ensuring multilingual resources follow the same standardized file placement and import path rules as other modules.

The best way to manage module imports is enforcing a strict vertical layer hierarchy where upper layers depend on lower ones, preventing circular dependencies and ensuring stable codebase scaling across domain slices.