Dashboard web privado, moderno, oscuro, minimalista, persistente y escalable. Está pensado primero para clientes de páginas web y después para clientes de automatizaciones, agentes IA e informes.
La idea no es solo crear una página bonita, sino una plataforma interna para manejar mejor toda la operación de Nexu.
Registrar clientes, asociarles una o varias páginas web y guardar información clave de cada proyecto.
Controlar estados, tareas pendientes, fechas importantes, notas internas y métricas generales del negocio.
Mantener toda la información persistente en base de datos MySQL y dejar la estructura lista para crecer.
Next.js + TypeScript. Permite manejar interfaz moderna, rutas protegidas, API interna, dashboard dinámico, componentes reutilizables e integraciones futuras con OpenAI o APIs externas.
MySQL. Es ideal para el plan de Hostinger Business y permite que toda la información quede persistente.
Drizzle ORM + mysql2. Es una opción liviana y práctica para trabajar con MySQL en una app Node.js.
Tailwind CSS, Framer Motion, Shadcn/UI y Lucide Icons. Fondo negro, gradientes morados y cyan, glassmorphism 3D, sombras glow, animaciones volumétricas y componentes premium.
Acceso protegido para que el dashboard no sea público.
Primero puede iniciar con un usuario administrador, correo y contraseña, sesión protegida y dashboard inaccesible sin autenticación.
Vista general tipo centro de control.
Ficha completa de cada cliente.
Un cliente puede tener una o varias páginas web.
Control de pendientes internos por cliente o proyecto.
Historial de decisiones, solicitudes y entregas.
Control seguro sin guardar contraseñas sensibles en texto plano.
No se recomienda guardar contraseñas en texto plano. Para la primera versión se puede guardar el tipo de acceso, estado, usuario de referencia, enlace y notas.
Preparado para ingresos recurrentes y soporte.
usuarios clientes proyectos tareas notas historial_actividades contactos_cliente palabras_clave_proyecto registros_acceso planes_mantenimiento
id nombre correo contrasena_hash rol estado fecha_creacion fecha_actualizacion
id nombre nombre_marca correo telefono ciudad tipo_cliente estado prioridad notas fecha_creacion fecha_actualizacion
id cliente_id nombre url dominio proveedor_hosting ruta_proyecto tecnologia estado objetivo fecha_entrega ultima_actualizacion notas fecha_creacion fecha_actualizacion
id cliente_id proyecto_id titulo descripcion estado prioridad categoria fecha_limite fecha_creacion fecha_actualizacion
id cliente_id proyecto_id titulo contenido tipo fecha_creacion fecha_actualizacion
id usuario_id cliente_id proyecto_id accion descripcion fecha_creacion
id cliente_id nombre cargo correo telefono es_contacto_principal notas fecha_creacion fecha_actualizacion
id proyecto_id palabra_clave tipo prioridad fecha_creacion fecha_actualizacion
id cliente_id proyecto_id nombre_servicio url_acceso usuario_referencia estado notas fecha_creacion fecha_actualizacion
id cliente_id proyecto_id tiene_mantenimiento valor_mensual fecha_cobro estado_pago servicios_incluidos ultima_factura proximo_seguimiento notas fecha_creacion fecha_actualizacion
Fondo ultranegro con iluminaciones radiales moradas y cyan, tarjetas volumétricas y bordes iluminados.
Animaciones 3D, botones con gradiente metalizado, microinteracciones y elevación de perspectiva al hacer hover.
Textos color plata brillante, jerarquía clara, botones centrados y diseño centrado en alta conversión e impacto visual.
nexu-dashboard/ ├─ app/ │ ├─ dashboard/ │ ├─ clientes/ │ ├─ proyectos/ │ ├─ tareas/ │ └─ configuracion/ ├─ components/ ├─ lib/ ├─ db/ ├─ public/ ├─ styles/ ├─ package.json └─ .env
La base de datos sería MySQL en Hostinger. Las variables privadas deben ir en el archivo de entorno.
DATABASE_URL AUTH_SECRET ADMIN_EMAIL
Este botón genera un archivo Markdown con el resumen completo del proyecto, sus módulos, stack recomendado, estructura de base de datos en español, roadmap y dirección visual de la marca Nexu.
