NextJs Version
Angular Version
VueJs Version
NuxtJs Version
React Version
Bootstrap Version
Folder Structure
MaterialM NextJs Dashboard
📦
├── 📂 docs > Documentation for the Theme
├── 📂 figma-file > Figma of the pages
├── 📂 package > Demo packages
│ ├── 📂 main > Main demo package
│ │ ├── 📂 public > Public assets (images, icons, etc.)
│ │ ├── 📂 src > Source code for the demo
│ │ │ ├── 📂 assets > Assets used across the theme
│ │ │ │ ├── 📂 images > All images used in the theme
│ │ │ ├── 📂 api > All data of apps & APIs
│ │ │ ├── 📂 components > App components
│ │ │ │ ├── 📂 apps > All app-related components
│ │ │ │ ├── 📂 container > Meta description container
│ │ │ │ ├── 📂 custom-scroll > Scrollbar component
│ │ │ │ ├── 📂 dashboards > Dashboard components
│ │ │ │ ├── 📂 forms > Form components
│ │ │ │ ├── 📂 material-ui > UI components based on Material-UI
│ │ │ │ ├── 📂 pages > Page components
│ │ │ │ ├── 📂 shared > Common components used throughout the theme
│ │ │ │ ├── 📂 tables > Table components
│ │ │ │ ├── 📂 widgets > Widget components
│ │ │ ├── 📂 contextapi > Manage data across all app components
│ │ │ ├── 📂 layouts > Layout components
│ │ │ │ ├── 📂 blank > Blank layout for authentication pages
│ │ │ │ ├── 📂 full > Full layout for inner pages
│ │ │ ├── 📂 routes > Page routing setup
│ │ │ ├── 📂 theme > Theme-level customization
│ │ │ ├── 📂 types > TypeScript type definitions
│ │ │ │ ├── 📂 apps
│ │ │ │ ├── 📂 auth
│ │ │ │ ├── 📂 layout
│ │ │ ├── 📂 utils > Language settings and helpers
│ │ │ │ ├── 📂 languages
│ │ │ ├── 📂 views > All pages for the app
│ │ │ │ ├── 📂 apps
│ │ │ │ ├── 📂 authentication > Auth pages (login, signup)
│ │ │ │ ├── 📂 charts > Chart-related views
│ │ │ │ ├── 📂 dashboards > Dashboard views
│ │ │ │ ├── 📂 forms > Form-related views
│ │ │ │ ├── 📂 pages > Page views (e.g., landing page)
│ │ │ │ │ ├── 📂 landingpage > Landing page components
│ │ │ │ │ ├── 📂 frontend-pages > Frontend-related pages
│ │ │ │ ├── 📂 spinner > Spinner/loading components
│ │ │ │ ├── 📂 tables > Table-related views
│ │ │ │ ├── 📂 ui-components > UI components for views
│ │ │ │ ├── 📂 widgets > Widget views
│ │ │ ├── 📄 App.tsx > Main app component
│ │ │ ├── 📄 index.tsx > Entry point for the app
│ │ ├── 📄 package.json > Dependencies and scripts for the demo
│ ├── 📂 jwt-firebase > Demo using JWT and Firebase authentication
│ ├── 📂 dark > Demo with dark theme layout
│ ├── 📂 horizontal > Demo with horizontal layout
│ ├── 📂 rtl > Demo with RTL (Right-to-Left) layout
│ ├── 📂 starterkit > Starter kit demo
│ ├── 📂 minisidebar > Demo with mini sidebar layout
│ ├── 📂 default > Default layout demo
MaterialM NextJs Dashboard
📦
│── 📁 docs > Documentation file
│── 📁 package > Main package directory
│ │── 📁 src > Source files
│ │ │── 📁 app > Dashboard layout and pages
│ │ │ │── 📁 icons > Icon components
│ │ │ │── 📁 layout > Header and sidebar components (Vertical and Horizontal Layout)
│ │ │ │── 📁 sample-page > Sample page components
│ │ │ │── 📁 ui > UI components
│ │ │ │── 📄 layout.tsx > Layout configuration
│ │ │ │── 📄 page.tsx > Main dashboard page
│ | | │── 📁 auth > All authentication pages
│ | | │── 📁 components > All shared components
│ | | │── 📁 css > Stylesheets and CSS files
│ | | │── 📄 layout.tsx > Layout configuration
│ | | │── 📄 not-found.tsx > 404 Not Found page
│ | │── 📁 utils > Custom theme files
│── 📄 next.config.js > Next.js configuration
│── 📄 package.json > Dependencies and npm info
│── 📄 tailwind.config.ts > Tailwind CSS configuration
│── 📄 tsconfig.json > TypeScript configuration