Folder Structure

Folder Structure for the Next.js based template

The folder structure is simple and easy to understand. When you unzip the folder, you will find the following folders/files:-‌

1. @crema

    • core

      It contains all the general and common components that are used throughout the template.

    • services

      It contains database and authentication service providers settings and other data and files related to fake APIs.

    • utility

      It contains files all the important files related to the template.

2. modules

All the code related to dashboard, apps and other pages lies in this folder. We have kept the folder structure very simple and easy to understand by breaking the folders into sub-folders and following proper naming. For example, modules folder contain a folder named 'dashboard' which contains all the files related to dashboard, similarly, a folder named 'apps' contains all the code related to apps included in the template.

3. pages

Next.js supports pages with dynamic routes. Each page is associated with a route based on its file name.

4. public

Next.js can serve static files, like images, under a folder called public in the root directory. Files inside public can then be referenced by your code starting from the base URL (/)

5. redux As the name suggests, this folder contains the global state management related files. This folder is divided into three subfolders viz. actions, reducers, and store.

6. shared

This folder contains the helping files. It contains language files, constants that are used in Redux and style-related files.

Last updated