Folder Structure
TailwindAdmin 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
│ │ │ ├── 📂 app > App logic and pages
│ │ │ │ ├── 📂 (DashboardLayout) > DashboardLayout folder
│ │ │ │ │ ├── 📂 apps > App-related components
│ │ │ │ │ ├── 📂 charts > Chart components and views
│ │ │ │ │ ├── 📂 dashboards > Dashboard components and views
│ │ │ │ │ ├── 📂 forms > Form components
│ │ │ │ │ ├── 📂 headless-form > Headless form components (unopinionated UI)
│ │ │ │ │ ├── 📂 headless-ui > Headless UI components
│ │ │ │ │ ├── 📂 icons
│ │ │ │ │ │ └── 📂 iconify > Iconify icons
│ │ │ │ │ ├── 📂 layout > Layout components specific to dashboard
│ │ │ │ │ ├── 📂 react-tables > React Table components
│ │ │ │ │ ├── 📂 shadcn-form > Form components using Shadcn UI
│ │ │ │ │ ├── 📂 shadcn-table > Table components using Shadcn UI
│ │ │ │ │ ├── 📂 shadcn-ui > General Shadcn UI components
│ │ │ │ │ ├── 📂 tables > Table components
│ │ │ │ │ ├── 📂 theme-pages > Themed page components
│ │ │ │ │ ├── 📂 types > TypeScript types for dashboard
│ │ │ │ │ ├── 📂 ui-components > UI components (buttons, inputs, etc.)
│ │ │ │ │ ├── 📂 widgets > Widget components (small UI blocks)
│ │ │ │ │ ├── 📄 layout.tsx > Dashboard layout component file
│ │ │ │ │ ├── 📄 page.tsx > Dashboard main page or routing entry
│ │ │ │ ├── 📂 api > API route handlers or related logic
│ │ │ │ ├── 📂 auth > Authentication-related pages and logic
│ │ │ │ ├── 📂 components > App-specific components
│ │ │ │ ├── 📂 context > React context providers and hooks
│ │ │ │ ├── 📂 css > App-specific CSS or styling files
│ │ │ │ ├── 📂 frontend-pages > Frontend-related pages
│ │ │ │ ├── 📂 landingpage > Landing page components
│ │ │ │ ├── 📄 layout.tsx > Main layout file
│ │ │ │ ├── 📄 not-found.tsx > 404 or not found page
│ │ │ ├── 📂 components
│ │ │ │ ├── 📂 ui > UI components
│ │ │ ├── 📂 hooks > Custom React hooks
│ │ │ ├── 📂 lib > Library/utilities, e.g., API calls, services
│ │ │ ├── 📂 utils > Helper functions, language settings, etc.
│ │ │ ├── 📄 App.tsx > Main app component
│ │ │ ├── 📄 index.tsx > Entry point for the app
│ │ ├── 📄 package-lock.json > Dependencies and scripts for the demo
│ │ ├── 📄 package.json > Dependencies and scripts for the demo
│ │ ├── 📄 postcss.config.mjs > CSS processing plugins config
│ │ ├── 📄 tsconfig.json > TypeScript compiler configuration
│ ├── 📂 nextauth > 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
├── 📄 README.md
TailwindAdmin NextJs Dashboard
📦
│── 📁 package > Main package directory
│ │── 📁 src > Source files
│ │ │── 📁 app > Dashboard layout and pages
│ │ │ │── 📁 (DashboardLayout) > Possibly a dynamic or special layout directory
│ │ │ │ │── 📁 apps > Application modules
│ │ │ │ │── 📁 icons > Icon components
│ │ │ │ │── 📁 layout > Layout components (header, sidebar, etc.)
│ │ │ │ │── 📁 sample-page > Sample or demo pages
│ │ │ │ │── 📁 types > TypeScript type definitions
│ │ │ │ │── 📁 user-profile > User profile related components/pages
│ │ │ │ │── 📁 utilities > Utility/helper functions
│ │ │ │ │── 📄 layout.tsx > Layout configuration for dashboard
│ │ │ │ │── 📄 page.tsx > Main dashboard entry/page
│ │ │ │── 📁 api > API-related logic or route handlers
│ │ │ │── 📁 auth > Authentication components or logic
│ │ │ │── 📁 components > Reusable UI components
│ │ │ │── 📁 context > Context providers
│ │ │ │── 📁 css > Stylesheets and CSS files
│ │ │ │── 📄 layout.tsx > Root layout file
│ │ │ │── 📄 not-found.tsx > 404 Not Found page
│ │ │── 📁 components > shadcn UI
│ │ │ │── 📁 ui > shadcn UI components
│ │ │── 📁 lib > Tailwind, clsx, theme files
│ │ │── 📁 utils > Custom utility/theme files
│ │── 📄 components.json > Shadcn UI component config
│ │── 📄 next.config.mjs > Next.js configuration
│ │── 📄 package-lock.json > Dependencies and npm info
│ │── 📄 package.json > Dependencies and npm info
│ │── 📄 postcss.config.mjs > CSS processing plugins config
│ │── 📄 tsconfig.json > TypeScript configuration
|
├── 📄 discount-code.html > Landing page for discount code promotion
├── 📄 docs.html > Documentation page
├── 📄 hire-us.html > Contact or hiring inquiry page