FSD Pure Nuxt3 Template is a boilerplate for building Nuxt 3 applications organized according to the Feature-Sliced Design (FSD) architecture. This template preconfigures FSD layer folders (app, pages, widgets, features, entities, shared) alongside Nuxt-specific directories (layouts, public, routes, server) so you can start developing immediately without manually setting up the project structure. It is a pure template without extra UI libraries or business logic, based on a template by SbokyZahodi.
What is the FSD Pure Nuxt3 Template?
The FSD Pure Nuxt3 Template is a starting point for Nuxt 3 projects that enforces Feature-Sliced Design. It takes a fresh Nuxt 3 app and organizes code into FSD layers: app, pages, widgets, features, entities, and shared. It also includes a layouts folder for Nuxt layouts, a public folder for static assets, a routes directory that serves as the equivalent of native Nuxt pages (configured via nuxt.config.ts), and a server folder for Nuxt server routes. The template is designed to be pure, meaning it ships without styling frameworks, UI component libraries, or example business logic.
Key Features
- Feature-Sliced Design layers — The template includes folders for each FSD layer (app, pages, widgets, features, entities, shared) to enforce separation of concerns across your application.
- Nuxt layouts — A layouts folder is provided for defining layout components that wrap pages, following Nuxt conventions.
- Custom routes folder — The routes directory acts as an alternative to the native pages directory, with routing behavior configured through nuxt.config.ts.
- Server routes — The server folder supports Nitro server routes, allowing you to add backend endpoints without additional setup.
- Public assets — The public folder serves static files at the root path, as in standard Nuxt.
- Multi-package-manager support — Install, development, build, and preview commands work with npm, pnpm, yarn, and bun, letting you use your preferred tool.
- Cleanup commands — The README provides UNIX and Windows commands to remove default README.md files from each FSD layer, keeping the tree clean.
Who is it for?
- Nuxt developers adopting FSD — Use this template to scaffold a new Nuxt 3 application with Feature-Sliced Design already in place, avoiding manual folder creation.
- Teams with large codebases — The predefined layer structure helps keep features, entities, widgets, and shared logic organized, making code easier to navigate and maintain.
- Developers adding server APIs — The included server folder gives a clear place for Nitro routes, so you can build full-stack Nuxt applications.
What can you do with the template?
- Scaffold a Nuxt 3 project — Clone the repository, run the install command with your package manager, and start the dev server at http://localhost:3000 using the dev script.
- Organize feature slices — Build feature-specific UI and logic inside features and widgets, while placing shared utilities and UI in shared, following FSD principles.
- Add server endpoints — Create API routes in the server folder and consume them from your Nuxt pages, features, or entities.
How does the template work?
The template provides standard Nuxt 3 scripts: dev starts a development server with hot reload, build compiles the application for production, and preview serves the built output locally. These scripts are configured to work across npm, pnpm, yarn, and bun, so the workflow remains identical regardless of your package manager.
