Folder Structure

ShadcnSpace Dashboard NextJs Dashboard

              
📦
│
├── 📂 docs                               > Documentation for the Theme
├── 📂 figma-file                         > Figma of the pages
├── 📂 packages                           > Contains different demo versions 
│   ├── 📂 dark                           > Dark Demo
│   ├── 📂 horizontal                     > Horizontal Demo
│   ├── 📂 main                           > Main Demo
│   │   ├── 📂 public                     > Static assets (favicon, images, icons, etc.)
│   │   ├── 📂 .agents                    > Configuration or scripts for AI agents  (internal use)
│   │   ├── 📂 app 
│   │   │   │   ├── 📂 ((dashboard-layout))  > Contains all the pages
│   │   │   │   │   ├── 📂 apps              > app pages (chat, email, calendar, etc.)
│   │   │   │   │   ├── 📂 charts            > charts pages
│   │   │   │   │   ├── 📂 dashboards        > Different dashboard variations (analytics, modern, etc.)
│   │   │   │   │   ├── 📂 forms             > Form pages
│   │   │   │   │   ├── 📂 icons             > icon showcase pages
│   │   │   │   │   ├── 📂 layout            > Contains header & sidebar for Vertical/Horizontal Layouts
│   │   │   │   │   ├── 📂 react-tables      > Tables built using React Table library
│   │   │   │   │   ├── 📂 shadcn-tables     > Tables built using shadcn/ui  table components
│   │   │   │   │   ├── 📂 theme-pages       > Theme-related  pages (api, integration, etc)
│   │   │   │   │   ├── 📂 types             > Defines Types for Typescript Demo
│   │   │   │   │   ├── 📄 layout.tsx        > Layout wrapper for pages
│   │   │   │   │   ├── 📄 page.tsx
│   │   │   ├── 📂 api                    > Mock JSON data to be used for working apps
│   │   │   ├── 📂 auth                   > Authentication pages
│   │   │   ├── 📂 components             > All components of Dashboards, UI, Forms, etc.
│   │   │   ├── 📂 context                > Manages data across all components of the app and customization
│   │   │   ├── 📂 css                    > stylesheets  (app.css,frontendpage.css etc)
│   │   │   ├── 📄 favicon.ico            > App favicon
│   │   │   ├── 📄 globals.css            > Global styles applied across the app
│   │   │   ├── 📄 layout.tsx             > Root layout for the entire app
│   │   │   ├── 📄 not-found.tsx          > Custom 404 error page
│   │   ├── 📂 components                 > shadcn/ui base components (buttons, inputs, UI primitives)
│   │   ├── 📂 hooks                      > Custom hooks         
│   │   ├── 📂 lib                        > Utility libraries, helpers, and external integrations
│   │   ├── 📂 prompts                    > AI prompts or reusable prompts
│   │   ├── 📂 utils                      > Change theme colors, language settings
│   │   ├── 📂 .env.local                 > Store configuration settings and environment variables
│   │   ├── 📂  AGENTS.md                 > Documentation for AI agent behavior or workflows
│   │   ├── 📂  components.json           > Configuration for shadcn/ui components
│   │   ├── 📄 next.config.js             > Next.js configuration file
│   │   ├── 📄 package.json               > Contains metadata (name, version, dependencies, scripts, and other)
│   │   ├── 📄 package-lock.json          > File generated by npm
│   │   ├── 📄 tsconfig.json              > TypeScript configuration
│   ├── 📂 minisidebar                    > Minisidebar Demo
│   ├── 📂 rtl                            > RTL Demo
│   ├── 📂 starterkit                     > Starterkit Demo
│   ├── 📂 NextAuth                       > NextAuth Demo