Folder Structure
MaterialPro NextJs Dashboard
📦
├──📁 docs > Documentation for the Theme
├──📁 figma-file > Figma design files for the pages
├──📁 packages > Demo packages for different layouts
| ├──📁 dark > Demo package for Dark layout
| ├──📁 horizontal > Demo package for Horizontal layout
| ├──📁 main > Main demo package
| | ├──📁 public > Public assets (images, icons, etc.)
| | ├──📁 src > Source code for the demo app
| | | ├──📁 app > Application files for the demo
| | | | ├──📁 (DashboardLayout) > Contains all the pages for the Dashboard layout
| | | | | ├──📁 apps > Application-related components/pages
| | | | | ├──📁 charts > Charts-related components/pages
| | | | | ├──📁 components > Reusable components across the demo
| | | | | ├──📁 dashboards > Dashboard-related components/pages
| | | | | ├──📁 forms > Form components and pages
| | | | | ├──📁 layout > Header and sidebar components for Vertical and Horizontal Layout
| | | | | ├──📁 tables > Table-related components/pages
| | | | | ├──📁 theme-pages > Pages related to theme customization
| | | | | ├──📁 types > Type definitions for TypeScript demo
| | | | | ├──📁 ui-components > UI-related components for the dashboard
| | | | | ├──📁 widgets > Widget components for the demo
| | | | | ├──📄 layout.tsx > Main layout for the demo
| | | | | ├──📄 page.tsx > Main page file for the demo
| | | | ├──📁 api > API routes for the demo
| | | | ├──📁 auth > Authentication-related pages
| | | | ├──📁 components > Components for Dashboards, UI, Forms, etc.
| | | | ├──📁 context > React context for global state management
| | | | ├──📁 css > CSS files for styling the demo
| | | | ├──📁 landingpage > Landing page components
| | | | ├──📄 app.tsx > Main app component
| | | | ├──📄 layout.tsx > Layout file for the app
| | | ├──📁 hooks > Custom hooks for the app
| | | ├──📁 lib > Libraries and utilities used by the app
| | | ├──📁 utils > Custom utilities (e.g., for Flowbite-React component overwrites, language changes)
| | ├──📄 components.json > JSON file for component configuration
| | ├──📄 next.config.mjs > Next.js configuration for the demo
| | ├──📄 postcss.config.mjs > PostCSS configuration
| | ├──📄 package.json > Node.js dependencies and scripts for the demo
| | ├──📄 tailwind.config.ts > Tailwind CSS configuration
| | ├──📄 tsconfig.json > TypeScript configuration for the demo
| ├──📁 minisidebar > Demo package for Mini Sidebar layout
| ├──📁 rtl > Demo package for Right-to-Left (RTL) layout
| ├──📁 default > Default demo package layout
| ├──📁 starterkit > Starter kit for the demo
MaterialPro NextJs Dashboard
📦
├──📁 docs > Documentation files
├──📁 hireus > Hire us section or page
├──📁 discount-code > Discount code management or page
├──📁 package > Main package containing the app and related files
| ├──📁 src > Source code for the application
| | ├──📁 app > Application files
| | | ├──📁 (DashboardLayout) > Contains all the pages for the Dashboard layout
| | | | ├──📁 icons > Icons used in the Dashboard layout
| | | | ├──📁 layout > Header and sidebar components for Vertical and Horizontal Layout
| | | | ├──📁 sample-page > Example or sample pages for the Dashboard
| | | | ├──📁 ui > UI components for the Dashboard layout
| | | | ├──📄 layout.tsx > Main layout for the Dashboard
| | | | ├──📄 page.tsx > Main page file for the Dashboard
| | | ├──📁 auth > Contains all authentication pages (login, signup, etc.)
| | | ├──📁 components > Reusable components for the app
| | | ├──📁 css > CSS files for styling
| | | ├──📄 layout.tsx > Layout for the application
| | | ├──📄 not-found.tsx > Not Found (404) page for missing routes
| | ├──📁 utils > Custom theme and utility functions
| ├──📄 next.config.js > Next.js configuration file
| ├──📄 package.json > Node.js package dependencies and scripts
| ├──📄 tsconfig.json > TypeScript configuration file