Architecture & Tech Stack

Frontend Framework

• Next.js 15 : App Router with React 19
• TypeScript : Full type safety across the application
• Tailwind CSS : Utility-first styling with custom design system
• Radix UI : Accessible, unstyled UI components

State Management

• Redux Toolkit Query (RTK Query): API state management with caching
• React Hook Form: Form validation and handling
• Zod: Runtime type validation and schema definitions

Authentication & Security

• NextAuth.js v5: Multi-provider authentication system
• GitHub App Integration: Secure repository access
• Middleware Protection: Route-based access control

Backend Integration

• GitHub API: Repository management via Octokit
• Paddle SDK: Payment processing and subscription management
• DigitalOcean Spaces: Media storage and CDN
• PostHog: Analytics and user tracking

Content Management

• Monaco Editor: Advanced code editing capabilities
• Plate Editor: Rich text editing with markdown support
• MDX Parser: Frontmatter processing and content parsing
• Gray Matter: YAML/TOML frontmatter extraction