Crema React
v-3
v-3
  • About Crema
  • Crema 4.x (Next version)
  • Overview
    • Crema Overview
    • Folder Structure
      • @crema
      • page
      • redux
      • shared
      • types
    • GitHub Access
    • Slack Community
    • Figma File
  • Development
    • Installation
      • Pre-Requisites
      • Installing Crema
    • Route Overview
    • Add New Route
    • Auth User
    • Authentication Methods
    • API Calls
    • Multilingual
      • Adding New Language
      • Changing Language
    • Style Framework
  • MUI
    • Theme Color
    • Sidebar Configuration
      • Adding New Menu
      • Menu Color Theme
    • Navigation Style
    • Footer Configuration
      • Footer
      • Footer Type
    • Template Mode
    • Template Direction
  • Next-Js
    • About Next.JS
    • Folder Structure
    • Installing Next jS
    • Authentication
    • Add New Route
    • Deploy to server
  • FAQ
  • React Bootstrap
    • About React-Bootstrap
    • Styled Framework
    • RTL
    • Dark Theme
  • ANT Design
    • About Crema Ant
    • Style Framework
  • Servers
    • Python
    • Laravel
    • Mongoose
  • Credits
  • Crema V-2
Powered by GitBook
On this page

Was this helpful?

  1. Next-Js

Folder Structure

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

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

1. public‌ This folder contains the public assets and JavaScript used for rendering of Applications on the browser.

  • assets This folder contains all the images and other raw materials used in the template.

2. src ‌The src contains the code of all the pages in the Crema. This folder is the heart of this project. This is the folder where the magic happens. Basically, this is the folder in which the user do all the work. The src folder structure is as follows:-‌

  • @crema

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

    • services It contains database and authentication service provider's settings and other data and files related to fake APIs.

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

  • modules All the code related to the 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, the modules folder contains a folder named 'dashboard' which contains all the files related to the dashboard, similarly, a folder named 'apps' contains all the code related to apps included in the template.

  • pages This is the default folder of the next js. In this folder all the paths of the nextjs routes are defined.

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

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

Last updated 3 years ago

Was this helpful?