https://github.com/condorheroblog/react-antd-admin
WIP: React Hooks + TypeScript + Ant Design = react-antd-admin
https://github.com/condorheroblog/react-antd-admin
react react-admin-template react-antd react-antd-admin react-antd-admin-template react-antd-template react-template
Last synced: about 1 year ago
JSON representation
WIP: React Hooks + TypeScript + Ant Design = react-antd-admin
- Host: GitHub
- URL: https://github.com/condorheroblog/react-antd-admin
- Owner: condorheroblog
- License: mit
- Created: 2023-07-24T02:48:13.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T11:18:01.000Z (over 1 year ago)
- Last Synced: 2024-10-29T13:11:29.387Z (over 1 year ago)
- Topics: react, react-admin-template, react-antd, react-antd-admin, react-antd-admin-template, react-antd-template, react-template
- Language: TypeScript
- Homepage: https://condorheroblog.github.io/react-antd-admin/
- Size: 6.92 MB
- Stars: 10
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Antd Admin
**English** | [中文](./README.zh-CN.md)
## Introduction
react-antd-admin is a middle and back-office solution based on React Hooks, Vite, and TypeScript. It aims to help you quickly build enterprise-level middle and back-office projects, with no additional configuration required, ready to use out of the box.
## Features
- Cutting-edge technology stack: [React Hooks](https://react.dev/)、[TypeScript](https://www.typescriptlang.org/)、[Vite](https://vitejs.dev/)、[ant design](https://ant.design/)、[React Router](https://reactrouter.com/)、[Tailwind CSS](https://tailwindcss.com/docs/installation)
- Intuitive state management library: [Zustand](https://zustand-demo.pmnd.rs/)
- Internationalization: [I18n](https://react.i18next.com/)
- Fetch requests: [Ky](https://github.com/sindresorhus/ky)、[@tanstack/react-query](https://tanstack.com/query/latest/docs/framework/react/overview)
- Code formatting: [ESLint Flat Config](https://eslint.org/docs/latest/use/configure/configuration-files-new/)
- Route-level component caching: [keepalive-for-react](https://github.com/irychen/keepalive-for-react)
- API Mocking: [vite-plugin-fake-server](https://github.com/condorheroblog/vite-plugin-fake-server)
- Permission Routing: Supports both frontend static routing and backend dynamic routing
- Theme Configuration: Built-in multiple theme configurations, supports dark theme, and unified color system for Ant Design and Tailwind CSS
## Preview
[react-antd-admin](https://condorheroblog.github.io/react-antd-admin/)
## Documentation
[react-antd-admin Documentation](https://condorheroblog.github.io/react-antd-admin/docs/)
## Usage
### GitHub Template
[Create a repository using this template](https://github.com/new?template_name=react-antd-admin&template_owner=condorheroblog)
### Clone the project
If you prefer a template without git history, manually execute the following:
```bash
npx degit condorheroblog/react-antd-admin react-antd-admin
# or npx giget@latest gh:condorheroblog/react-antd-admin react-antd-admin
cd react-antd-admin
corepack enable
pnpm i # If you haven't installed pnpm before, run: npm install -g pnpm
```
## Development
### Install
```bash
corepack enable
pnpm install
```
### Run
```bash
pnpm run dev
```
Open your browser and enter [http://localhost:3333](http://localhost:3333) to see the page.
## Build
```bash
pnpm build
```
The build output is by default in the build folder.
## Preview
```bash
pnpm preview
```
## Credits
Thanks to the following excellent projects for providing inspiration:
- [vue-vben-admin](https://github.com/vbenjs/vue-vben-admin) for design inspiration
- [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) for business logic inspiration
## Star History
[](https://star-history.com/#condorheroblog/react-antd-admin&Date)
## Sponsor
If this project was helpful to you, you can buy the author a takeaway meal.
## License
[MIT](https://github.com/condorheroblog/react-antd-admin/blob/main/LICENSE) License © 2023-Present [Condor Hero](https://github.com/condorheroblog)