Folder Structure
Simple intuitive folder structure helps you to navigate easily without any hassle.
Under theablepro-material-react/ directory, You will find the following folder structure.
ablepro-material-react
..
├── public
│ ├── assets -> images in different directories
│ │ ├── images
│ │ │ ├── auth
│ │ │ ├── cards
│ │ │ ├── ...
│ │ ├── third-party
├── src
│ ├── api
│ ├── app -> different routes based on layouts
│ │ ├── (dashboard)
│ │ │ ├── apps
│ │ │ ├── charts
│ │ │ ├── ...
│ │ ├── (component)
│ ├── components -> components used in different pages
│ │ ├── application
│ │ ├── authentication
│ │ ├── contact-us
│ │ ├── dashboard
│ │ ├── ...
│ ├── contexts -> State context for Login and other
│ ├── data -> Static data
│ ├── hooks -> Custom hooks
│ ├── layout
│ │ ├── Customization
│ │ ├── MainLayout -> Layout for main components & routers
│ │ ├── MinimalLayout -> Layout for minimal components & routers
│ │ ├── NavigationScroll.js
│ │ ├── NavMotion.js
│ │ ├── GuestGuard.js
│ ├── menu-items -> menu items for each main menu
│ │ ├── application.js
│ │ ├── dashboard.js
│ │ ├── ...
│ ├── sections -> styles-themes
│ ├── themes -> Contains application style and theme
│ ├── types -> common types for Typescript. Exist only in Typescript
│ ├── utils
│ │ ├── locales -> different locale json files
│ │ ├── route-guard -> Auth guard to prevent unexpected navigations
│ ├── views -> list of next js files and directory
│ │ ├── app
│ │ ├── dashboard
│ │ ├── ...
│ ├── config.js -> Template constant value and live customization
├── eslintrc.json
├── .prettierrc
├── jsconfig.json
├── next-env.d.js
├── next.config.js
├── package-lock.json -> Package lock file.
├── package.json -> Package json file.
├── README.md
├── yarn.lock -> yarn lock file. Last updated