Our Technology Stack

Built with Purpose, Powered by the Best

Every technology choice we made was deliberate. We selected tools that prioritize performance, security, and long-term maintainability—because building a corporate training platform demands nothing less.

Performance First

Server components, edge caching, and optimized builds ensure sub-second page loads.

Security by Design

Role-based access control, encrypted data, and secure authentication at every layer.

Global Scale

CDN-backed delivery means fast experiences for users anywhere in the world.

Technology Decisions

A deep dive into the tools and libraries that power AO Launchpad, and why we chose them over alternatives.

Framework

Next.js 14

React framework with server-side rendering, edge functions, and optimized builds.

Alternatives considered: Considered Remix, Astro, and traditional React SPA

Why We Chose It

Server Components reduce client-side JavaScript for faster page loads

App Router provides intuitive file-based routing

Built-in image and font optimization

Edge runtime enables global low-latency responses

Excellent TypeScript support out of the box

Rich Text

Tiptap Editor

Headless, framework-agnostic rich-text editor built on ProseMirror.

Alternatives considered: Considered Slate.js, Quill, and Draft.js

Why We Chose It

Fully extensible with custom nodes and marks

Real-time collaboration ready with Y.js support

Custom Excalidraw node for embedded diagrams

Document linking for training materials

Clean content output for consistent formatting

Whiteboard

Excalidraw

Virtual whiteboard for professional diagrams and process flows.

Alternatives considered: Considered TLDraw, Miro embeds, and custom canvas

Why We Chose It

Clean aesthetic perfect for business documentation

Infinite canvas for complex process diagrams

Easy embedding as a custom Tiptap node

Active open-source community

Excellent dark mode support

Document Viewer

PDF.js

Mozilla's JavaScript library for parsing and rendering PDFs in the browser.

Alternatives considered: Considered iframe embeds, Google Docs viewer, and server-side conversion

Why We Chose It

No server-side processing required

Page-by-page rendering for smooth performance

Text layer access for highlighting and search

Document outline extraction for navigation

Custom bookmark integration with our notes system

Video Infrastructure

Cloudflare Stream

Enterprise-grade video streaming with global CDN delivery.

Alternatives considered: Considered Mux, AWS MediaConvert, and self-hosted solutions

Why We Chose It

Adaptive bitrate streaming for all connection speeds

Global CDN ensures fast delivery for remote workers

Signed URLs protect proprietary training content

Simple API for direct uploads

Built-in analytics and processing

Component Library

Material UI

Google's Material Design implemented as React components.

Alternatives considered: Considered Chakra UI, Radix, and Tailwind + Headless UI

Why We Chose It

Comprehensive component library reduces development time

Built-in accessibility (a11y) compliance

Powerful theming system with dark mode support

MUI X provides advanced data grids and charts

Consistent design language across the entire platform

Authentication

NextAuth.js

Complete authentication solution for Next.js applications.

Alternatives considered: Considered Clerk, Auth0, and custom JWT implementation

Why We Chose It

Built specifically for Next.js with App Router support

Multiple auth providers (credentials, OAuth, etc.)

Session management with JWT and database strategies

Easy integration with our role-based access control

Passkey/WebAuthn support for modern authentication

Infrastructure

Railway + Cloudflare

Modern deployment platform with edge caching.

Alternatives considered: Considered Vercel, AWS, and DigitalOcean

Why We Chose It

Railway provides simple container deployments

PostgreSQL database with automatic backups

Cloudflare CDN for static assets and edge caching

Easy environment variable management

Cost-effective scaling for educational workloads

Ready to Transform Your Workforce Training?

Join the growing number of organizations using AO Launchpad to deliver effective employee training and professional development.