NetValve
A modern marketing site for a payments orchestration platform. Static-first on Astro, hardened on security, perfect on Lighthouse.
- Role
- Web Design + Development + Maintenance
- Shipped
- 2026
- Industry
- Fintech
Highlights
- Astro 5 static-first build with selective React hydration
- 9 custom-built animated UI mockups, zero animation libraries
- Hardened security headers + hash-pinned CSP
- Lighthouse + axe-core a11y audit gated on CI
- Custom OpenAPI-to-docs developer reference generator
- Astro 5
- React 19 (islands)
- Tailwind CSS 4
- Radix UI
- react-hook-form + Zod
- Lighthouse + Playwright + axe-core (CI)
- Netlify
NetValve is a payments orchestration platform. They route transactions across providers, manage fraud, handle billing, and unify alternative payment methods through a single integration. The brief for the marketing site was straightforward: load instantly, score 100s on Lighthouse, and meet WCAG 2.2 AA without compromise.
We built it on Astro 5 with selective React 19 islands. Static-first by default, hydrating only where real interactivity is required: forms, navigation, mockup animations. The design system runs on Tailwind 4 + Radix UI primitives with the Geist typeface, with react-hook-form + Zod handling typed, validated form pipelines for contact and demo requests.
Performance and security were treated as non-negotiable. The build ships hardened security headers (HSTS, a hash-pinned Content Security Policy, X-Frame-Options DENY, Referrer-Policy, Permissions-Policy), an axe-core + Playwright a11y audit script gated on CI, and a custom OpenAPI-to-docs generator that builds the developer reference pages straight from the platform’s spec file. Every push runs Lighthouse before deploy.
Marketing surfaces include nine custom-built animated UI mockups (a global dashboard, a routing engine, antifraud, billing, and product-specific views for each NetValve service) that render at native frame rate with zero animation libraries. The whole stack is deployed on Netlify with edge functions handling the contact pipeline.
Got a project like this?
Most builds start with a 20-minute call. I'll listen, give you an honest read, and quote within a business day if it's a fit.