The Directory Structure

With the starter template, all of the SSR configurations have been done for you. You can, of course, delve deeper into those for a specific project but for now, that is not necessary.

Each directory in the Nuxt project has a specific purpose. Most of these directories are not required, but some are. Below are brief descriptions of the different directories and what they do.

• .nuxt: This is the build of the SSR application.
• assets: Contains uncompiled assets likes, images, CSS/SCSS, JavaScript, etc.
• components: Contains all of your application’s reusable components.
• layouts: Contains layouts for a single page or a group of pages.
• middleware: Contains custom functions that run before a page or layout is rendered.
• node_modules: All of the NPM packages that are downloaded and needed for your app to work. These should not be committed in version control.
• pages: The pages of your application. Nuxt will generate a route based on the page component’s name...