Folder Structure

Modernize NextJs Dashboard

                    
📦
├── 📂 docs                               > Documentation for the Theme
├── 📂 figma-file                         > Figma of the pages
├── 📂 packages
│   ├── 📂 javascript                     > Javascript Demos
│   │   ├── 📂 dark                        > Dark Demo
│   │   ├── 📂 horizontal                  > Horizontal Demo
│   │   ├── 📂 main                        > Main Demo
│   │   │   ├── 📂 public
│   │   │   ├── 📂 src
│   │   │   │   ├── 📂 app
│   │   │   │   │   ├── 📂 (DashboardLayout) > Contains all the pages
│   │   │   │   │   │   ├── 📂 apps
│   │   │   │   │   │   ├── 📂 charts
│   │   │   │   │   │   ├── 📂 components
│   │   │   │   │   │   ├── 📂 dashboards
│   │   │   │   │   │   ├── 📂 forms
│   │   │   │   │   │   ├── 📂 icons
│   │   │   │   │   │   ├── 📂 layout        > Contains header & sidebar for Vertical/Horizontal Layouts
│   │   │   │   │   │   ├── 📂 sample-page
│   │   │   │   │   │   ├── 📂 tables
│   │   │   │   │   │   ├── 📂 theme-pages
│   │   │   │   │   │   ├── 📂 types         > Defines Types for Typescript Demo
│   │   │   │   │   │   ├── 📂 ui-components
│   │   │   │   │   │   ├── 📂 utilities
│   │   │   │   │   │   ├── 📂 widgets
│   │   │   │   │   │   ├── 📄 EventData.js
│   │   │   │   │   │   ├── 📄 layout.jsx
│   │   │   │   │   │   ├── 📄 loading.jsx
│   │   │   │   │   │   ├── 📄 page.jsx
│   │   │   │   │   ├── 📂 api                  > All data of apps
│   │   │   │   │   ├── 📂 auth                 > Authentication pages
│   │   │   │   │   ├── 📂 components           > All components of Dashboards, UI, Forms, etc.
│   │   │   │   │   ├── 📂 contextapi           > Manages data across all components of the app
│   │   │   │   │   ├── 📂 landingpage          > Landing page
│   │   │   │   │   ├── 📄 app.jsx
│   │   │   │   │   ├── 📄 global.css
│   │   │   │   │   ├── 📄 layout.jsx
│   │   │   │   │   ├── 📄 loading.jsx
│   │   │   │   │   ├── 📄 not-found.jsx
│   │   │   │   │   ├── 📂 utils                    > Change theme colors, language settings
│   │   │   ├── 📄 next.config.js
│   │   │   ├── 📄 package.json
│   │   │   ├── 📄 tsconfig.json
│   │   ├── 📂 minisidebar                  > Minisidebar Demo
│   │   ├── 📂 rtl                          > RTL Demo
│   │   ├── 📂 starterkit                   > Starterkit Demo
│   ├── 📂 typescript                     > Typescript Demos
│   │   ├── 📂 dark                        > Dark Demo
│   │   ├── 📂 horizontal                  > Horizontal Demo
│   │   ├── 📂 main                        > Main Demo
│   │   │   ├── 📂 public
│   │   │   ├── 📂 src
│   │   │   │   ├── 📂 app
│   │   │   │   │   ├── 📂 (DashboardLayout) > Contains all the pages
│   │   │   │   │   │   ├── 📂 apps
│   │   │   │   │   │   ├── 📂 charts
│   │   │   │   │   │   ├── 📂 components
│   │   │   │   │   │   ├── 📂 dashboards
│   │   │   │   │   │   ├── 📂 forms
│   │   │   │   │   │   ├── 📂 icons
│   │   │   │   │   │   ├── 📂 layout        > Contains header & sidebar for Vertical/Horizontal Layouts
│   │   │   │   │   │   ├── 📂 sample-page
│   │   │   │   │   │   ├── 📂 tables
│   │   │   │   │   │   ├── 📂 theme-pages
│   │   │   │   │   │   ├── 📂 types         > Defines Types for Typescript Demo
│   │   │   │   │   │   ├── 📂 ui-components
│   │   │   │   │   │   ├── 📂 utilities
│   │   │   │   │   │   ├── 📂 widgets
│   │   │   │   │   │   ├── 📄 EventData.ts
│   │   │   │   │   │   ├── 📄 layout.tsx
│   │   │   │   │   │   ├── 📄 loading.tsx
│   │   │   │   │   │   ├── 📄 page.tsx
│   │   │   │   ├── 📂 api                  > All data of apps
│   │   │   │   ├── 📂 auth                 > Authentication pages
│   │   │   │   ├── 📂 components           > All components of Dashboards, UI, Forms, etc.
│   │   │   │   ├── 📂 contextapi           > Manages data across all components of the app
│   │   │   │   ├── 📂 landingpage          > Landing page
│   │   │   │   ├── 📄 global.css
│   │   │   │   ├── 📄 layout.tsx
│   │   │   │   ├── 📄 loading.tsx
│   │   │   ├── 📂 utils                    > Change theme colors, language settings
│   │   │   ├── 📄 next.config.js
│   │   │   ├── 📄 package.json
│   │   │   ├── 📄 tsconfig.json
│   │   ├── 📂 minisidebar                  > Minisidebar Demo
│   │   ├── 📂 rtl                          > RTL Demo
│   │   ├── 📂 starterkit                   > Starterkit Demo
                                                    
                  

Modernize NextJs Dashboard

                    
📦
├── 📂 docs
├── 📂 main  
│   ├── 📂 src  
│   │   ├── 📂 app  
│   │   │   ├── 📂 components  
│   │   │   ├── 📂 layouts  
│   │   │   │   ├── 📂 blank  
│   │   │   │   ├── 📂 full  
│   │   │   ├── 📂 pages  
│   │   │   │   ├── 📂 authentication  
│   │   │   │   ├── 📂 extra  
│   │   │   │   ├── 📂 starter  
│   │   │   │   ├── 📂 ui-components  
│   │   │   │   ├── 📄 pages.routes.ts  
│   │   │   ├── 📂 pipe  
│   │   │   ├── 📂 services  
│   │   │   ├── 📄 app.component.html  
│   │   │   ├── 📄 app.component.ts  
│   │   │   ├── 📄 app.config.ts  
│   │   │   ├── 📄 config.ts  
│   │   │   ├── 📄 app.routes.ts  
│   │   │   ├── 📄 material.module.ts  
│   │   ├── 📂 assets  
│   │   │   ├── 📂 images  
│   │   │   ├── 📂 scss  
│   ├── 📄 angular.json  
│   ├── 📄 package.json  
│   ├── 📄 tsconfig.app.json  
│   ├── 📄 tsconfig.json  
│   ├── 📄 tsconfig.spec.json