Repolode
ant-design

ant-design/ant-design-pro

Plantilla base de administración en React lista para usar, basada en Ant Design, Umi Max y TypeScript, con plantillas de páginas empresariales listas para usar.

Estrellas
38,937
Forks
8,246
Issues abiertos
55
Último commit
hace 3 días

¿Qué es?

Ant Design Pro es un kit inicial de React para aplicaciones empresariales de gestión interna. Combina los componentes de Ant Design con el framework Umi Max y TypeScript, para que los desarrolladores comiencen con una estructura, rutas y páginas comunes funcionales, en lugar de tener que crearlas desde cero.

La plantilla incluye páginas de panel, formulario, lista, perfil, resultado, excepciones, cuenta e inicio de sesión, además de una página de chat con un asistente de IA basada en Ant Design X. La personalización del tema usa Tailwind CSS v4 y antd-style; el proyecto también incluye i18n integrado, datos simulados para el desarrollo y pruebas unitarias y e2e. El comando `npm run simple` permite reducir el proyecto a una versión mínima.

El proyecto está dirigido a React 19 y Ant Design 6, y usa utoopack como herramienta de compilación. También incluye skills de Claude Code para actualizar la plantilla y consultar las API de antd.

Funciones clave

  • 01Plantillas listas para usar de paneles, formularios, listas, perfiles y páginas de resultados
  • 02Basado en Ant Design 6, React 19 y Umi Max 4
  • 03Personalización del tema con Tailwind CSS v4 y antd-style
  • 04i18n integrado y datos simulados para el desarrollo
  • 05Incluye configuración para pruebas unitarias y e2e
  • 06Simplificación a una versión mínima con un solo comando

Casos de uso

  • Iniciar un nuevo sistema interno de administración o gestión basado en Ant Design
  • Crear prototipos de paneles de gestión con páginas habituales de tipo CRUD
  • Aprender cómo se estructura un proyecto de React y Umi con un enfoque de producción

Inicio rápido

  1. 1

    Clona el repositorio

    git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
  2. 2

    Entra en la carpeta del proyecto

    cd myapp
  3. 3

    Instala las dependencias

    npm install
  4. 4

    Inicia el servidor de desarrollo

    npm start

Antes de usarlo

  • Incluye muchas páginas de plantilla de forma predeterminada, así que para tener una configuración mínima hay que ejecutar el comando irreversible `npm run simple`.

Temas

Preguntas frecuentes

¿Qué es ant-design-pro?
Plantilla base de administración en React lista para usar, basada en Ant Design, Umi Max y TypeScript, con plantillas de páginas empresariales listas para usar. Ant Design Pro es un kit inicial de React para aplicaciones empresariales de gestión interna. Combina los componentes de Ant Design con el framework Umi Max y TypeScript, para que los desarrolladores comiencen con una estructura, rutas y páginas comunes funcionales, en lugar de tener que crearlas desde cero.
¿ant-design-pro es gratuito? ¿Qué licencia tiene?
ant-design-pro es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿ant-design-pro sigue mantenido?
Mantenimiento activo. El último commit de ant-design-pro fue el 4 nov 2026.
¿Para qué puedo usar ant-design-pro?
Iniciar un nuevo sistema interno de administración o gestión basado en Ant Design Crear prototipos de paneles de gestión con páginas habituales de tipo CRUD Aprender cómo se estructura un proyecto de React y Umi con un enfoque de producción
¿Cómo se instala ant-design-pro?
Clona el repositorio: git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp Entra en la carpeta del proyecto: cd myapp Instala las dependencias: npm install Inicia el servidor de desarrollo: npm start
¿Dónde consigo ant-design-pro?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ant-design/ant-design-pro

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados