In my talk in 2021, I introduced Domain Driven Design and talked about structuring apps according to domain modules. I and demonstrated how to use Nuxt 2 modules to create independent submodules including Vuex modules and routes.

The original Nuxt 2 example can be found in a legacy here.

I reimplemented the example of "Anton's Biketours" in Nuxt 3. This example implements a fresh Nuxt 3 with an landing page ( pages/index.vue ) and one domain-module module, namely the blog-module imported from .modules/blog . The module has its own components, composable and pages folder to better separate the domain from the rest of the app.

I also recommend to look at the documentation.

npm install

Start the development server on http://localhost:3000

npm run dev

Build the application for production:

npm run build

Checkout the deployment documentation.

• Slides of this Talk
• Blog post Domain-Driven Design in Nuxt Apps by Filip Rakowski
• Recommended DDD-Books:
  • Domain-Driven Design: Tackling Complexity in the Heart of Software - by Eric Evans
  • Implementing Domain-Driven Design by Vaughn Vernon
  • Domain-Driven Design Distilled by Vaughn Vernon