Skip to content

Latest commit

 

History

History
39 lines (27 loc) · 1.51 KB

README.md

File metadata and controls

39 lines (27 loc) · 1.51 KB
Raw

🙋🏽‍♂️ 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.

👨🏼‍💻 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.