Jamstack

screenshot of Jamstack

Overview

This article provides an overview of the different directories and functionalities within a Nuxt app. It explains the purpose and usage of each directory, such as assets, components, layouts, pages, plugins, static, and store.

Features

  • assets: Contains uncompiled assets like Stylus or Sass files, images, or fonts.
  • components: Contains reusable Vue.js components that make up different parts of the page.
  • layouts: Helps change the look and feel of the Nuxt app, allowing for distinct layouts for mobile and desktop.
  • pages: Contains application views and routes that Nuxt reads and sets up Vue Router automatically.
  • plugins: Contains JavaScript plugins to run before instantiating the root Vue.js Application.
  • static: Contains static files, each mapped to a specific URL.
  • store: Contains Vuex store files, automatically activating Vuex functionality.

Summary

This article provides an explanation of the different directories in a Nuxt app and their respective functionalities. It serves as a guide for developers to understand how to organize and utilize these directories effectively.