How This Site Is Built

This page provides a transparent look at the technology stack, engineering practices, and key codebase statistics behind the site.

Stack Overview

  • Frontend: Nuxt 3 with Vue 3, TypeScript and Tailwind CSS
  • API: Serverless endpoints powered by Nuxt Nitro
  • Caching: Multi-layer edge and in-memory stores
  • Deployment: GitHub Actions CI/CD to Vercel Edge
  • Security: Continuous scanning and quality gates

By the Numbers

  • Actively maintained with frequent commits and improvements
  • Automated CI/CD deploys every branch with preview builds and performance checks
  • Dependencies continuously monitored for security issues

Engineering Highlights

  • Edge-first architecture for global low-latency performance
  • Multi-layer caching for real-time data and API quota efficiency
  • Automated security scanning and dependency audits on every push
  • Strict code quality: Prettier, ESLint (Flat config), and TypeScript enforced in CI
  • Self-hosted fonts served from /public/fonts to avoid external calls
  • Glassmorphic design system with Tailwind CSS and backdrop blur
  • Animated SVG robot and scroll-triggered Vanta backgrounds
  • Preview deploys for every feature branch—no surprises in production
  • LLM-optimized documentation, ADRs, and onboarding guides
  • Manual and automated rollback hooks, feature flags, and performance budgets enforced in CI