Personaliza el frontend
Un recorrido para adaptar la presentación de Pimia a una marca o sector.
Este recorrido está dirigido a quienes quieren adaptar la interfaz de Pimia a una vertical: cambiar la marca, los textos, la composición de las pantallas y las interacciones, aprovechando las capacidades existentes.
Dos recorridos de desarrollo
| Tu objetivo | Recorrido |
|---|---|
| Adaptar colores, tipografía, componentes, pantallas y animaciones | Frontend |
| Crear o sustituir una capacidad de negocio con lógica y datos propios | Documentación de módulos e integraciones |
Una vertical puede combinar ambos recorridos. El criterio es qué cambia: la presentación de una capacidad existente o su comportamiento de negocio.
Empieza a trabajar
| Guía | Qué resuelve |
|---|---|
| Arranque | Dependencias, configuración y validación |
| Arquitectura | Rutas Next.js, adaptadores, vistas y servidor |
| Estilos | Tema teal, tipografía, shadcn y tokens |
| Patrones | Listas, fichas, formularios y scroll |
| Datos y permisos | Queries, mutations y fronteras de acceso |
| Animación | tw-animate-css y transiciones existentes |
| Ejemplo de clientes | Campos, reglas y archivos para una adaptación concreta |
| Catálogo de pantallas | Las 79 rutas y sus fichas técnicas |
La frontera de una adaptación visual
Cambiar la presentación debe conservar la autorización, el contexto de tenant y empresa y las validaciones de negocio. Ocultar una acción en una pantalla no modifica los permisos que aplica el servidor.
Si la adaptación necesita nuevas entidades, persistencia propia o reglas de negocio adicionales, pasa también al recorrido de módulos e integraciones.
Documentación basada en el checkout local 2aec1b16cc01. Las fichas de pantalla proceden de lectura estática del código; no acreditan una prueba funcional completa contra un tenant. Consulta la cobertura y el proceso de actualización en la sección de referencia.