Project Setup

Built from Next.js & Tailwind v4

This project follows Next.js App Router conventions.

In this project, the src/ directory is organized into three top-level folders:

src/
├── app/      # Standard Next.js page routing, layouts, special files, SEO, etc.
├── lib/      # Shared utilities, components, types, and integrations
└── styles/   # The core of Frontend Dump: unified library theming

Styles Folder

All theming, tokens, and library configurations live under src/styles/. This is the single source of truth for every UI library in the project.

src/styles/
├── app.css                       # Entry point — imports all config + library CSS

├── config/                       # Customised CSS config
│   ├── colors/
│   ├── fonts/
│   ├── borders.css
│   ├── breakpoints.css
│   ├── measurements.css
│   └── spacing.css

├── _generated/                   # Auto-generated tokens & helpers
│   ├── tokens.ts
│   ├── colors-rgb.css
│   ├── tailwind-breakpoints.css
│   └── fonts-responsive.css

├── libraries/                    # Per-library configuration
│   ├── tailwind/
│   ├── shadcn/
│   ├── mui/
│   ├── antd/
│   └── reactbootstrap/

└── providers/
    └── CombinedThemeProvider.tsx # Combined theme provider used in the main layout

Main Package Versions

  • Node.js — 24.13.0
  • Next.js — 16.1.7
  • React — 19.2.3
  • Tailwind CSS — 4
  • Bootstrap — 5.3.8
  • MUI — 7.3.9
  • Ant Design — 6.3.3
  • React Bootstrap — 2.10.10
  • next-themes — 0.4.6
  • Shadcn — 4.0.8