A third-party React-based web admin panel for XXL-JOB — delivering the best experience you’ve ever had.
- Node.js: v20 or newer is recommended
- Package Manager: npm (v9+) or yarn
git clone https://github.com/julxxy/xxl-job-panel-r3.git
cd xxl-job-panel-r3npm install
# or
yarn installStart the development server (default port: 80):
npm run dev
# or
yarn devOpen http://localhost in your browser.
npm run build
# or
yarn buildThe production-ready files will be in the dist/ directory.
npm run preview
# or
yarn preview| Script | Description |
|---|---|
npm run dev |
Start development server (Vite) |
npm run build |
Build for production |
npm run preview |
Preview the production build |
npm run lint |
Run ESLint for code quality |
npm run format |
Format code using Prettier |
- Vite 6
- TypeScript
- React 19
- React Router v7
- Tailwind CSS 4
- Radix UI
- Ant Design 5
- Zustand (state management)
Check the compatibility between front-end and back-end versions: doc/version-mapping.json
| Front-end | Back-end | Description |
|---|---|---|
| v1.0.2 | v3.1.2 | LDAP login supported, menu permission fixes |
| v1.0.3 | v3.1.2 | Added new favicon.svg and multiple SVG icons, improved LDAP login button styling, enabled logo to redirect to GitHub, upgraded dependencies |
| … | … | … |
Maintenance Note: Please update both the doc/version-mapping.json file and the table above when adding new versions.
- Update API endpoints and environment variables in
.envfiles as needed. - For production deployments, it is strongly recommended to set
VITE_IS_DEBUG_ENABLEtofalsein your.env.productionfile to avoid exposing debug information in the production environment. - Make sure the XXL-JOB back-end service is running and accessible[1][2][3].
Example:
# .env.production
VITE_IS_DEBUG_ENABLE=falseThis ensures that debug features are disabled in production builds, improving security and performance[2][3].
GNU
For more details, see the official documentation and the sample screenshots above.