Arratech

Figma-to-production build of Arratech’s enterprise corporate website — a B2B SaaS platform for Peppol e-invoicing network connectivity. Translated pixel-perfect Figma designs into a fully functional, server-rendered website powered by Next.js 16 (App Router) with React 19 Server Components and a decoupled Sanity CMS content layer.

The project spans two independent codebases: a frontend application deployed on AWS Amplify Gen 2 with serverless Lambda compute, and a custom Sanity Studio for multi-workspace content management (staging/production). Implemented 19 modular, CMS-driven page sections (Hero, Products, Solutions, Comparison tables, Blog, Team, Map, Forms, etc.), dynamic blog with category/tag filtering and pagination, GDPR-compliant cookie consent, full SEO pipeline (dynamic sitemap, robots.txt, JSON-LD structured data, Open Graph), HubSpot & GTM analytics integration, Google reCAPTCHA v3 spam protection, and nonce-based Content Security Policy via Next.js 16 proxy.

Tag-based ISR caching with Sanity webhook-driven on-demand revalidation ensures content stays fresh without full rebuilds.