• English

      • Directory Structure

      XinAdmin adopts a frontend-backend separation architecture, with Laravel framework for the backend and React + Ant Design for the frontend. Understanding the project directory structure will help you get started quickly.

      Root Directory Structure

      xin-admin-laravel/
├── app/                    # Application core code
├── bootstrap/              # Framework bootstrap files
├── config/                 # Configuration files
├── database/               # Database related files
├── lang/                   # Localization files
├── package/                # Custom extension packages
├── public/                 # Public entry and static assets
├── resources/              # View templates
├── routes/                 # Route definitions
├── storage/                # Storage directory
├── tests/                  # Test files
├── types/                  # TypeScript type definitions
├── web/                    # Frontend source code
├── .env.example            # Environment variable example
├── .env.production         # Production environment config
├── artisan                 # Laravel CLI tool
├── composer.json           # PHP dependency config
├── package.json            # Node.js dependency config
├── phpunit.xml             # PHPUnit config
├── tsconfig.json           # TypeScript config
└── vite.config.ts          # Vite build config

      Frontend Directory Structure (web/)

      web/
├── api/                    # API interface definitions
├── components/             # Common components
├── domain/                 # Domain models/type definitions
├── hooks/                  # Custom Hooks
├── layout/                 # Layout components
├── locales/                # Internationalization files
├── store/                  # State management
├── App.tsx                 # App entry component
└── index.css               # Global styles