Frontend OnSpot

Welcome to the OnSpot Frontend documentation. This section contains all the necessary information to develop and work with the OnSpot frontend ecosystem.

Documentation Structure

🚀 Getting Started

• Quick Start - Guide to get started quickly with development

🏗️ Foundations

Frontend development fundamentals in OnSpot:

Core Framework

• Frontend OnSpot - Architecture and main concepts
• App.tsx in Next.js - Main application configuration
• LayoutMenu - Navigation and menu system
• Folder Structure and Routes - Project organization
• External Libraries - External dependencies usage

OnSpot-UX

• OnSpot-UX Introduction - Design system and components
• Components - Available components catalog
• Storybook - Interactive component documentation

🔗 Connections

• OnSpot Connections - Connections and communication library
• Requirements and Considerations - Configuration and best practices

Key Technologies

• Onspot-UX - Internal design system
• Storybook - Component development tool
• Next.js - React framework
• TypeScript - Strong typing
• Apollo Client - GraphQL data management
• Sass - Enhanced CSS

Quick Start

1. Review the Project Architecture
2. Set up the Development Environment
3. Explore the OnSpot-UX Components

Getting Started

1. Review the Quick Start Guide
2. Get familiar with the Frontend Architecture
3. Explore the Onspot-UX Components
4. Configure the necessary Connections