Tech Stack
Technologies powering FlightChop's aviation weather platform
FlightChop is built with modern, production-grade technologies that prioritize performance, reliability, and developer experience. Our tech stack combines the best tools in the React ecosystem with powerful backend services to deliver real-time aviation weather data.
Backend & Database
Deployment & Hosting
Development Tools
Frontend Framework
Mapping & Visualization
Package Management
State Management
Styling & UI
Testing
Architecture Overview
Frontend
Built with Next.js 15 using the App Router for optimal performance and SEO. React Server Components minimize client-side JavaScript while TypeScript ensures type safety throughout the codebase.
Styling
Tailwind CSS provides utility-first styling with a custom design system. shadcn/ui components built on Radix UI primitives ensure accessibility and consistent design patterns.
Backend & Database
Supabase provides a complete backend solution with PostgreSQL database, real-time subscriptions, authentication, and edge functions for processing aviation weather data from various sources.
Mapping
Mapbox GL JS powers our interactive aviation maps with custom layers for PIREPs, SIGMETs, and other weather data. React Map GL provides seamless React integration.
State Management
TanStack Query handles server state with intelligent caching and background refetching. Zustand manages client state with a simple, performant store that persists user preferences.
Deployment
Hosted on Netlify with automatic deployments from Git. The platform provides global CDN distribution, security headers, and optimized static asset caching for fast worldwide delivery.