Frontend OnSpot

Bienvenido a la documentación del Frontend de OnSpot. Esta sección contiene toda la información necesaria para desarrollar y trabajar con el ecosistema frontend de OnSpot.

Estructura de la Documentación

🚀 Primeros Pasos

• Inicio Rápido - Guía para comenzar rápidamente con el desarrollo

🏗️ Fundamentos

Fundamentos del desarrollo frontend en OnSpot:

Framework Principal

• Frontend OnSpot - Arquitectura y conceptos principales
• App.tsx en Next.js - Configuración principal de la aplicación
• LayoutMenu - Sistema de navegación y menús
• Estructura de Carpetas y Rutas - Organización del proyecto
• Librerías Externas - Uso de dependencias externas

OnSpot-UX

• Introducción a OnSpot-UX - Sistema de diseño y componentes
• Componentes - Catálogo de componentes disponibles
• Storybook - Documentación interactiva de componentes

🔗 Conexiones

• Conexiones OnSpot - Librería de conexiones y comunicación
• Requerimientos y Consideraciones - Configuración y mejores prácticas

Tecnologías Clave

• Onspot-UX - Sistema de diseño interno
• Storybook - Herramienta de desarrollo de componentes
• Next.js - Framework de React
• TypeScript - Tipado fuerte
• Apollo Client - Gestión de datos GraphQL
• Sass - CSS mejorado

Inicio Rápido

1. Revisa la Arquitectura del Proyecto
2. Configura el Entorno de Desarrollo
3. Explora los Componentes OnSpot-UX

Comenzando

1. Revisa la Guía de Inicio Rápido
2. Familiarízate con la Arquitectura del Frontend
3. Explora los Componentes Onspot-UX
4. Configura las Conexiones necesarias