Project Structure

src
├── app               # Next.js app directory
│   ├── page.tsx      # Root home page, URL: /
│   ├── dashboard     # Dashboard page
│   │   └── page.tsx  # URL: /dashboard
│   ├── profile       # Profile page
│   │   └── page.tsx  # URL: /profile
│   └── api           # API routes (Next.js serverless functions)
│       └── products.ts # URL: /api/products
├── components        # All React components
│   ├── commons        # Reusable components (Button, Header, Input, etc.)
│   └── PageSpecific   # Page-specific components
├── hooks             # Custom hooks
├── utils             # Utility functions used across the project
├── constants         # Project-level constants
├── translations      # Translation files (en.json, etc.)
└── lib               # Third-party library initialization or overrides