🙋🏽‍♂️ Domain-Driven Design & Nuxt - Using Nuxt Modules to structure large Nuxt Apps

⚡️ Talk at NUXT NATION 2021 by Anton Reindl

In this talk I will introduce Domain Driven Design and talk about structuring apps according to domain modules, and demonstrate how to use Nuxt modules to create independent submodules including Vuex modules and routes.

Nuxt 3

I have implememented a quick proof-of-concept how this can be done using hooks in Nuxt 3

Look into branch: Nuxt 3

Nuxt 2

👨🏼‍💻 Demo

1. This Nuxt.js 2 app is a barebone create-nuxt-app installation
2. As a showcase example, the app adds two modules: a blog module and a shop module
3. The modules are implemented as a Nuxt Module with their individual routing, store, etc.

📚 Resources

• 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

👨🏽‍💼 Demo Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work in Nuxt.js, check out the documentation.