Framework Principal
Esta sección cubre los fundamentos del framework principal utilizado en OnSpot, basado en Next.js y las configuraciones específicas del proyecto.
Contenido
Arquitectura y Configuración
- Frontend OnSpot - Arquitectura del proyecto, scripts disponibles y mejores prácticas
- App.tsx en Next.js - Configuración global de la aplicación y punto de entrada
Estructura y Navegación
- LayoutMenu - Sistema de navegación y menús principales
- Estructura de Carpetas y Rutas - Organización del proyecto y convenciones
Dependencias
- Librerías Externas - Uso de dependencias específicas y configuraciones
Tecnologías Principales
- Next.js 13.5.1 - Framework de React con SSR/SSG
- React 18.2.0 - Librería de interfaz de usuario
- TypeScript 5 - Tipado estático
- Sass - Preprocesador CSS
- Apollo Client - Cliente GraphQL
Flujo de Desarrollo
- Configuración Inicial - Revisa Frontend OnSpot
- Estructura Global - Entiende App.tsx
- Organización - Familiarízate con la Estructura de Carpetas
- Navegación - Implementa LayoutMenu
- Dependencias - Configura Librerías Externas
Próximos Pasos
Una vez que domines el framework principal:
- Explora OnSpot-UX para componentes UI
- Configura Conexiones para comunicación con APIs
- Revisa las mejores prácticas de desarrollo