Folder Structure

Spike NextJs Dashboard

              
📦
│
├── 📂 docs                               > Documentation for the Theme
├── 📂 figma-file                         > Figma of the pages
├── 📂 packages
│   ├── 📂 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