Checkout Pro Version

Folder Structure

MatDash NextJs Dashboard

                    
  📦
  ├── 📂 docs                                    > Documentation for the Theme
  ├── 📂 figma-file                              > Figma of the pages
  ├── 📂 package
  │   ├── 📂 main                                > Demo
  │   │   ├── 📂 public
  │   │   ├── 📂 src
  │   │   │   ├── 📂 assets
  │   │   │   │   ├── 📂 images                  > All images used in the theme
  │   │   │   ├── 📂 api                         > All data of apps & APIs
  │   │   │   ├── 📂 components                  > App components
  │   │   │   │   ├── 📂 apps                    > All app components
  │   │   │   │   ├── 📂 container               > Meta Description
  │   │   │   │   ├── 📂 custom-scroll           > Scrollbar component
  │   │   │   │   ├── 📂 dashboards              > All dashboard components
  │   │   │   │   ├── 📂 forms                   > All form components
  │   │   │   │   ├── 📂 material-ui             > All UI components
  │   │   │   │   ├── 📂 pages                   > All page components
  │   │   │   │   ├── 📂 shared                  > Common components used across the theme
  │   │   │   │   ├── 📂 tables                  > All table components
  │   │   │   │   ├── 📂 widgets                 > All widget components
  │   │   │   ├── 📂 contextapi                  > Manage data across all app components
  │   │   │   ├── 📂 layouts
  │   │   │   │   ├── 📂 blank                   > Blank layout for auth pages
  │   │   │   │   ├── 📂 full                    > Full layout for inner pages
  │   │   │   ├── 📂 routes                      > Page routing
  │   │   │   ├── 📂 theme                       > Theme-level customization
  │   │   │   ├── 📂 types                       > Define TypeScript types
  │   │   │   │   ├── 📂 apps
  │   │   │   │   ├── 📂 auth
  │   │   │   │   ├── 📂 layout
  │   │   │   ├── 📂 utils                       > Language settings & helpers
  │   │   │   │   ├── 📂 languages
  │   │   │   ├── 📂 views                       > All pages
  │   │   │   │   ├── 📂 apps
  │   │   │   │   ├── 📂 authentication
  │   │   │   │   ├── 📂 charts
  │   │   │   │   ├── 📂 dashboards
  │   │   │   │   ├── 📂 forms
  │   │   │   │   ├── 📂 pages
  │   │   │   │   │   ├── 📂 landingpage
  │   │   │   │   │   ├── 📂 frontend-pages
  │   │   │   │   ├── 📂 spinner
  │   │   │   │   ├── 📂 tables
  │   │   │   │   ├── 📂 ui-components
  │   │   │   │   ├── 📂 widgets
  │   │   │   ├── 📄 App.tsx
  │   │   │   ├── 📄 index.tsx
  │   │   ├── 📄 package.json
  │   ├── 📂 jwt-firebase                         > Demo
  │   ├── 📂 dark                                 > Demo
  │   ├── 📂 horizontal                           > Demo
  │   ├── 📂 rtl                                  > Demo
  │   ├── 📂 starterkit                           > Demo
  │   ├── 📂 minisidebar                          > Demo
  │   ├── 📂 default                              > Demo

                    
                  

MatDash NextJs Dashboard

                    
📦 
├── 📂 package                              > Main project directory  
│   ├── 📂 components                       > All reusable components  
│   ├── 📂 Dashboard                        > Contains the dashboard data  
│   ├── 📂 layout                           > Header and sidebar for Vertical & Horizontal Layouts  
│   ├── 📂 pages                            > Contains all the pages  
│   ├── 📂 src                              > Source files for the application 
│   ├── 📂 plugins                          
│   ├── 📂 public                           > Contains all the images
│   ├── 📂 scss                             > SCSS stylesheets
│   ├── 📂 theme                            > contains all theme variables
│   ├── 📂 types                            > contains all type definitions
│   ├── 📄 app.vue
│   ├── 📄 error.vue
│   ├── 📄 next.config.js                   > Next.js configuration file  
│   ├── 📄 package.json                     > Node.js dependencies and scripts  
│   ├── 📄 tailwind.config.ts               > Tailwind CSS configuration  
│   ├── 📄 tsconfig.json                    > TypeScript global configuration