Antd Admin

A practical admin monorepo with two production-style templates, mock-first development, and test coverage.

• apps/basic: English-only setup
• apps/with-lingui: Bilingual setup (en + zh) with Lingui
• apps/docs: Nextra documentation site
• packages/create: init-antd-admin scaffolding CLI

Links

• Ant Design
• React
• Vite+
• TypeScript
• Issues
• Stars
• PRs Welcome
• License (MIT)

Tech Stack

Category	Technology
Build tool	Vite+
UI	Ant Design 6.x
Routing	TanStack Router
Async state	TanStack Query v5
Local state	Zustand
Validation	Zod v4
i18n	LinguiJS in apps/with-lingui
Mocking	MSW 2.x
E2E tests	Playwright
Language	TypeScript 5.9 (strict)

Highlights

• JWT login with access/refresh flow
• Backend-driven menu and permission guards
• URL-synced table state (pagination, sorting, search)
• Dark mode theme switching
• Mock-first local development (no backend required)
• Typed API boundaries and reusable CRUD patterns

Templates

Template	Use when
with-lingui	You need multilingual UI (en + zh) and Lingui workflow
basic	You need a simpler English-only setup

init-antd-admin Usage

Use the scaffolding CLI to create a standalone app from official templates.

Interactive

npx init-antd-admin@latest
pnpm dlx init-antd-admin@latest
yarn dlx init-antd-admin@latest
bunx init-antd-admin@latest

Non-interactive examples

pnpm dlx init-antd-admin@latest my-app --example basic -m pnpm
pnpm dlx init-antd-admin@latest my-app --example with-lingui --skip-install

Common options

Option	Description
[project-directory]	Target folder
`-e, --example <name	url>`
--example-path <path>	Subpath inside remote repository
-m, --package-manager <pm>	npm / pnpm / yarn / bun
--skip-install	Skip dependency install
--skip-transforms	Skip rewrite transforms
--no-git	Skip git initialization

For package-specific details, see packages/create/README.md.

Production docs: https://antd-admin-doc.zuiidea.top

License

MIT