Skip to main content

Tech Stack

A complete breakdown of every technology used in the Kinetic Email platform.

Frontend​

TechnologyPurposeVersion
ReactUI framework19.x
TypeScriptType safety5.x
ViteBuild tool & dev server6.x
React RouterClient-side routingv6
Tailwind CSSUtility-first CSS framework3.x
PostCSSCSS processing—

Backend (Serverless)​

TechnologyPurpose
Vercel FunctionsServerless API endpoints (api/ directory)
Node.jsRuntime for serverless functions

Database & Auth​

TechnologyPurpose
SupabasePostgreSQL database, authentication, Row-Level Security
Supabase AuthMagic link, Google OAuth, email/password
Supabase RPCServer-side function calls (spend_tokens, check_token_balance, etc.)

AI & Machine Learning​

TechnologyPurpose
Anthropic Claude SonnetEmail HTML generation (main model)
Anthropic Claude HaikuRe-ranking RAG results (fast, cheap)
OpenAI EmbeddingsVector embeddings for RAG (text-embedding-3-small, text-embedding-3-large)
PineconeVector database for RAG retrieval (2 indexes: 1536-dim + 3072-dim)

Email Delivery​

TechnologyPurpose
ResendPrimary email sending API
AWS SESFallback email delivery

Real-Time​

TechnologyPurpose
ConvexReal-time database for tracking pixels and interaction events

Hosting & Infrastructure​

TechnologyPurpose
VercelHosting, CDN, serverless functions, analytics
Vercel AnalyticsPage-level analytics
SentryError tracking and monitoring

Testing​

TechnologyPurpose
VitestTest runner
happy-domDOM environment for tests (faster than jsdom)

Build & Deploy​

ToolPurpose
scripts/prerender.mjsPre-renders static HTML for SEO
scripts/generate-sitemap.mjsGenerates sitemap.xml at build time
Convex CLIDeploys Convex functions before Vite build

Build Pipeline​

convex deploy \
  --cmd 'npm run build:vite && npm run build:prerender && npm run build:sitemap'

This runs in sequence:

  1. Deploy Convex functions
  2. Build the Vite app (dist/)
  3. Pre-render pages into dist/<route>/index.html with SEO meta tags
  4. Generate dist/sitemap.xml