LADDER Web - Landing de Marketing

LADDER Web - Landing de Marketing An architecture diagram generated by Archify. Users · Browser / Mobile · Architecture component Users Browser / Mobile Netlify · CDN + SSR · Architecture component · HTTPS :443 Netlify CDN + SSR HTTPS :443 Astro SSG · Pages ES/EN · Architecture component · Tailwind v4 Astro SSG Pages ES/EN Tailwind v4 ladder-gateway · API Gateway :3000 · Architecture component ladder-gateway API Gateway :3000 ladder-auth-service · Better Auth :4000 · Architecture component · Direct access ladder-auth-service Better Auth :4000 Direct access ladder-api · Hono + Drizzle · Architecture component · Hexagonal ladder-api Hono + Drizzle Hexagonal PostgreSQL · primary :5432 · Architecture component PostgreSQL primary :5432 Google Analytics 4 · Tracking · Architecture component Google Analytics 4 Tracking HTTPS serve fetch API login/session proxy verify session SQL pageviews/events server tracking Legend Frontend Backend Database Cloud Security External

Frontend

  • • Astro 7 SSG con Tailwind v4 via @tailwindcss/vite
  • • i18n nativo (ES sin prefijo, EN bajo /en/)
  • • Deploy en Netlify con CDN global

Backend

  • • ladder-api: Hono + Drizzle ORM + hexagonal architecture
  • • ladder-gateway: API Gateway proxy a :3000
  • • PostgreSQL backend con migraciones Drizzle

Auth & Analytics

  • • Better Auth en ladder-auth-service (acceso directo, no vía gateway)
  • • GA4 tracking client + server-side via /analytics endpoints