Vite Ant Design Pro

Preview | Next layout preview

Features

TypeScript: A language for application-scale JavaScript
Neat Design: Follow Ant Design specification
Common Templates: Typical templates for enterprise applications
Responsive: Designed for variable screen sizes
Theming: Customizable theme with simple config
State Management: Using react-query
International: Based on react-intl
Router: Based on react-router-dom@6
Best Practices: Solid workflow to make your code healthy

Usage

with NPM:

npm create ant-design-pro@latest

with Yarn:

yarn create ant-design-pro

with PNPM:

pnpm create ant-design-pro

Then follow the prompts!

Differences with ant-design-pro

No Umi related dependencies, we using Vite

Alternative to umi plugin

plugin-layout: vite-plugin-antd-layout
plugin-access: Write one by hand
plugin-locale: react-intl
plugin-dva: @reduxjs/toolkit
plugin-model: Unnecessary
plugin-request: axios
plugin-sass: Built-in vite

Thanks for the great project

Vite
Ant Design Pro