NachUI: Mi propio sistema de diseño y Kit de Componentes para React
Un sistema de diseño de código abierto y kit de componentes reutilizables enfocada en la performance y la estética moderna. El proyecto está estructurado como un monorepo para separar el núcleo de la librería de su sitio de documentación, permitiendo un desarrollo escalable y una distribución eficiente de componentes de alta calidad.
Arquitectura y Tecnologías
- Monorepo (Turborepo + pnpm): Gestión centralizada del core de la librería y el sitio de documentación, optimizando el cacheo y los tiempos de despliegue.
- Core y Animaciones: Desarrollado con React 19, Next.js 16 y Tailwind CSS 4.0, utilizando Framer Motion para lograr una experiencia de usuario fluida.
- Inteligencia Artificial (Groq SDK): Implementación de un chatbot asistente entrenado específicamente con los archivos internos y la documentación del sistema.
- Gestión de Contenido (Velite): Procesamiento de archivos Markdown/MDX para transformar la documentación en una base de conocimientos estática, rápida y tipada.
- Diseño e Iconografía: Estética moderna utilizando HugeIcons y tipografías optimizadas para legibilidad.
Puntos Clave del Proyecto
- Soporte Técnico con IA: El asistente inteligente utiliza el Groq SDK para procesar el contexto del kit y ofrecer ayuda técnica precisa sobre cómo usar cada componente.
- Escalabilidad con CVA: Uso de Class Variance Authority para gestionar variantes de componentes de forma limpia, asegurando que el sistema sea fácil de extender.
- Soporte Multi-idioma: Localización completa con next-intl, ofreciendo una experiencia nativa tanto en inglés como en español.
- Tipado Unificado: Generación de tipos compartida en todo el monorepo para garantizar que los componentes y la documentación estén siempre sincronizados.
- Estándares de la Industria: Uso de Conventional Commits, Commitlint, Prettier y ESlint para mantener un historial de cambios profesional y organizado.