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