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. Overview

Folder Structure

Crema has a vast and professional folder structure.

Last updated 2 years ago

Was this helpful?

The folder structure is professional, simple and easy to understand.

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 all the utility files like context API, hooks, helper function.

  • pages 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.

  • 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.

The basic folder structure in below

Crema folder structure.