Bienvenido al repositorio oficial del sitio web de Brackix. Esta plataforma está diseñada para ofrecer una experiencia web moderna, rápida y altamente accesible, construida con los más altos estándares de desarrollo frontend.
El sitio web de Brackix no es solo una página estática; es una aplicación web dinámica, escalable y optimizada para SEO. Nos enfocamos en una interfaz de usuario (UI) limpia, una experiencia de usuario (UX) fluida y un rendimiento excepcional en cualquier dispositivo.
- Rendimiento Óptimo: Renderizado híbrido (Server-Side Rendering y Static Site Generation) para tiempos de carga ultrarrápidos y un SEO impecable.
- Diseño Responsivo y Adaptable: Una interfaz que se adapta perfectamente a dispositivos móviles, tablets y pantallas de escritorio.
- Modo Oscuro / Claro: Soporte nativo y sin destellos (flicker-free) para múltiples temas visuales.
- Accesibilidad (a11y) Primero: Componentes interactivos que cumplen con los estándares WAI-ARIA, asegurando que la web sea usable para todos.
- Formularios Robustos: Validación estricta de datos en el cliente para una retroalimentación instantánea y segura.
- Visualización de Datos: Gráficos integrados y paneles interactivos listos para escalar.
El ecosistema de Brackix está impulsado por tecnologías de vanguardia para garantizar mantenibilidad y escalabilidad a largo plazo.
Framework y Núcleo:
- Next.js 14: El framework de React para producción (App Router / Pages).
- React 18: Librería para la construcción de interfaces de usuario interactivas.
- TypeScript: Tipado estático estricto para un código robusto y seguro.
Estilos y Componentes de UI:
- Tailwind CSS: Framework de utilidades CSS para un diseño ágil, consistente y altamente personalizable.
- Radix UI: Primitivas de componentes headless que garantizan accesibilidad sin comprometer el diseño.
- shadcn/ui: Arquitectura de componentes de interfaz hermosos y personalizables.
- Lucide React & React Icons: Ecosistema de iconografía vectorial limpia y moderna.
Gestión de Estado, Formularios y Utilidades:
- React Hook Form + Zod: Gestión de formularios eficiente con validación de esquemas (schema validation).
- Sonner: Sistema de notificaciones (toasts) elegante y ligero.
- Recharts: Biblioteca para visualización de datos y creación de gráficas dinámicas.
- date-fns: Manipulación de fechas moderna y eficiente.
El repositorio sigue una estructura lógica para separar responsabilidades y facilitar la navegación de los desarrolladores:
brackix-website/
├── app/ # Rutas principales y lógica de Next.js (App Router)
├── components/ # Componentes de React reutilizables
│ ├── ui/ # Componentes base (Botones, Inputs, Modales - shadcn/ui)
│ └── ... # Componentes específicos de dominio/negocio
├── hooks/ # Custom hooks de React para lógica compartida
├── lib/ # Utilidades globales, configuraciones y helpers (ej. utils.ts)
├── public/ # Archivos estáticos (imágenes, fuentes, favicons)
└── styles/ # Estilos globales y configuración base de Tailwind
Mantenemos altos estándares de calidad mediante:
- Tipado estricto en todas las capas de la aplicación.
- Uso de Linters y formateadores para mantener un estilo de código consistente.
- Separación estricta entre la lógica de negocio y las capas de presentación.