More Premium Hugo Themes Premium Nuxt Themes

Nuxt Structure With Modules

Lightning Talk at Nuxt Nation 2021. Now updated to Nuxt 3.

Nuxt Structure With Modules

Lightning Talk at Nuxt Nation 2021. Now updated to Nuxt 3.

Author Avatar Theme by areindl
Github Stars Github Stars: 141
Last Commit Last Commit: Apr 1, 2024 -
First Commit Created: Dec 18, 2023 -
Nuxt Structure With Modules screenshot

Overview:

This article analyzes a talk given at NUXT NATION 2021 by Anton Reindl about using Domain-Driven Design and Nuxt modules to structure large Nuxt apps. The speaker introduces the concept of Domain-Driven Design and explains how to use Nuxt modules to create independent submodules with their own routes and Vuex modules. The article also mentions a quick proof-of-concept implementation using hooks in Nuxt 3.

Features:

  • Domain-Driven Design: The talk discusses the concept of Domain-Driven Design and its application in structuring Nuxt apps.
  • Nuxt Modules: The article explains how to use Nuxt modules to create independent submodules within a Nuxt app, including routes and Vuex modules.
  • Proof-of-Concept with Hooks: The speaker demonstrates a quick proof-of-concept implementation using hooks in Nuxt 3.
  • Demo App: The article mentions a barebone create-nuxt-app installation that showcases the implementation of two modules: a blog module and a shop module.

Installation:

The article does not provide specific code snippets for installation. However, it recommends checking out the Nuxt.js documentation for detailed explanation on how things work in Nuxt.js.

Summary:

This article analyzes a talk at NUXT NATION 2021 about using Domain-Driven Design and Nuxt modules to structure large Nuxt apps. It introduces the concept of Domain-Driven Design and explains how to use Nuxt modules to create independent submodules with their own routes and Vuex modules. The article also mentions a quick proof-of-concept implementation using hooks in Nuxt 3. Overall, the talk provides insights into structuring Nuxt apps and leveraging Nuxt modules for better code organization.