Project structure


structure


├── .editorconfig
├── .env
├── .prettierignore
├── .vscode/
├── eslint.config.mjs
├── next.config.ts
├── package.json
├── prettier.config.mjs
├── tsconfig.json
├── public/
   ├── assets/
   ├── fonts/
   └── logo/
└── src/
    ├── _mock/
    ├── actions/
    ├── app/
    ├── assets/
    ├── auth/
    ├── components/
    ├── global-config.ts
    ├── global.css
    ├── layouts/
    ├── lib/
    ├── locales/
    ├── routes/
    ├── sections/
    ├── theme/
    ├── types/
    └── utils/
Configuration files
  • .editorconfig: Defines coding style rules (e.g., indentation, charset).
  • .env: Contains environment variables for the project.
  • .prettierignore: Lists files and directories to ignore when running Prettier.
  • eslint.config.mjs: ESLint configuration for linting the codebase.
  • next.config.ts: Configuration file for Next.js.
  • prettier.config.mjs: Prettier configuration for code formatting.
  • tsconfig.json: TypeScript configuration file.
  • .vscode/: Visual Studio Code-specific settings.

Main directories
  • public/: Contains static assets like images, fonts, and logos.
  • src/: Main source code directory.
    • _mock/: Mock data for testing purposes.
    • actions/: Contains actions or related logic.
    • app/: Main application structure.
    • assets/: Resources like images and icons.
    • auth/: Handles user authentication.
    • components/: Reusable UI components.
    • global-config.ts: Global configuration for the application.
    • layouts/: Shared layouts for the application.
    • lib/: Additional libraries or utilities.
    • locales/: Supports internationalization (i18n).
    • routes/: Defines application routes.
    • sections/: Large sections of the application UI.
    • theme/: Theme configuration for styling.
    • types/: TypeScript type definitions.
    • utils/: Utility functions.