Nest Admin

Nest Admin (react-admin-nest) is an open-source full-stack admin template that pairs a React + Ant Design frontend with a Nest.js + MySQL backend, giving you a ready-made authentication system, internationalization, and CRUD application shell.

What is Nest Admin?

Nest Admin is a full-stack boilerplate for building back-office management systems. It combines a React 18 frontend (with Ant Design components) and a Nest.js backend, using MySQL as the database and TypeORM for object-relational mapping. The project ships with a working login flow, an internationalization (i18n) component, Axios interceptors, and a dynamic menu system, so developers can start adding business modules instead of setting up infrastructure. The source code is publicly available on GitHub and is continuously updated by the maintainer weiqinke.

Key Features

• Universal login flow — Fresh clones include a complete authentication screen with session handling; unauthenticated visitors are redirected to the home page.
• browserHistory — The app uses HTML5 history mode for clean URLs, with a noted TODO for Nginx rewrite rules to support deep links.
• Internationalization (i18n) — A built-in I18N component lets you switch the interface language without reloading, ready for multi-tenant or multi-region admin tools.
• Axios interceptors — Centralized request/response interceptors handle token injection, error status codes, and error messages across all API calls.
• Flexible menu layout — Menus support the layoutfix mode and limit expansion to two top-level categories (or one), keeping the sidebar compact for dense admin screens.
• Context menu auto-hide — Right-click menus dispatch a global event so they close automatically when clicking elsewhere.
• Modern tooling — The frontend runs on Vite 5 with TypeScript, uses React Router v6, and is paired with a Nest.js API that supports WebSockets out of the box.

Who is it for?

• Full-stack developers who want a TypeScript-only stack (React + Nest.js) with a pre-wired database layer via TypeORM and MySQL.
• Admin dashboard builders who need a starting point with login, permissions, and internationalization rather than building from scratch.
• Startup teams that need an internal back-office tool quickly and want a single codebase for both web UI and API endpoints.

What can you do with Nest Admin?

• Build an internal admin panel: Scaffold CRUD pages for users, orders, or content, then connect them to the Nest.js API with the included Axios setup.
• Localize a management console: Use the i18n component to maintain multiple language versions of the interface.
• Prototype a full-stack product: Use the project as a working skeleton for a SaaS back-end, complete with WebSockets for real-time notifications.

How does Nest Admin work?

Clone the repository, install dependencies with npm install, then start the development server with npm dev. The frontend and backend run together through the Nest.js dev server, which serves the React app in development. To build for production, run npm run build to compile both the client bundle and the Nest.js server code.

FAQ

Is Nest Admin free?

Yes, the project is open source and the full source code is available on GitHub for free. You can fork it, modify it, and deploy it for your own projects.

What tech stack does Nest Admin use?

The frontend uses React, Ant Design, and Vite 5 with TypeScript and React Router v6. The backend is built with Nest.js and TypeORM, and it connects to a MySQL database. The project also includes WebSocket support.

Does Nest Admin support multiple languages?

Yes, it includes an internationalization (i18n) component that supports switching languages in the interface, and the README lists it as a completed feature.

Is browserHistory fully supported?

The project uses browserHistory for clean URLs, but the README notes that adapting Nginx for browserHistory is still a pending task. You may need to add rewrite rules when deploying to Nginx.

What is the recommended way to run it?

Clone the repository, install dependencies with npm install, and start the development server with npm dev. A live preview is available at https://nest-admin.com.