Crema React
v-2
v-2
  • About Crema(CRA)
  • Product Overview
  • Folder Structure
  • Installation
    • Pre-Requisites
    • Installing Crema
  • Default Route
  • Customization
    • Template Style
    • Template Mode
    • Template and Sidebar Color
    • Tempate Direction
    • Navigation Style
    • Footer
    • Footer Type
    • Route Transition
  • Multi-Lingual Support
    • Changing Language
    • Adding New Language
  • Sidebar Menu
    • Adding New Menu
  • Route Protection
  • Loggedin User
  • Axios Setup
  • Package.json
  • GitHub Access
  • Slack Community
  • FAQ
  • Next.js
    • About Next.JS
    • Installation
    • Folder Structure
    • Route Protection
    • Deploy to server
  • Servers
    • Python
    • Mongoose
    • Laravel
Powered by GitBook
On this page

Was this helpful?

  1. Next.js

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 4 years ago

Was this helpful?