ttkoma / nuxt-structure-with-modules

Lightning Talk at Nuxt Nation 2021

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

⚡️ Talk at NUXT NATION 2021 by Anton Reind

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.

👨🏼‍💻 Demo

1. This Nuxt.js-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.