Architecting decoupled, high-performance web experiences and conversion-driven funnels using Next.js, Astro, and headless platforms.
- Performance architecture & RUM: Achieved 0ms Total Blocking Time (TBT) and flawlessly passed Core Web Vitals by leveraging Astro's zero-JS architecture alongside strict asset pipelines (precise
srcset/sizes and native lazy-loading). Engineered Real User Monitoring (RUM) to correlate speed with conversion rates by injecting live web-vitals telemetry directly into the dataLayer. Furthermore, architected a WordPress real estate platform (200+ properties), overcoming constrained shared hosting by deploying Cloudflare Edge caching and automated image processing to guarantee elite 95+ mobile Lighthouse Performance scores.
- Technical SEO & semantic architecture: Achieved flawless 100/100 Lighthouse scores across SEO, Accessibility, and Best Practices by authoring deeply semantic
HTML, enforcing strict ARIA standards, and optimizing UI legibility. Replaced AJAX-based filtering with indexable page routes, and structured custom data using Advanced Custom Fields (ACF), automated JSON-LD schemas, and XML sitemaps to maximize organic search visibility.
- Telemetry & GDPR compliance: Engineered interaction-driven lazy-loading for
Google Tag Manager (GTM), preserving attribution data without blocking the main CPU thread. Integrated CookieYes with Google Consent Mode v2 via GTM, utilizing cookie-less pings to maintain behavioral modeling under stringent EU privacy laws.
- Lead generation pipelines: Architected conversion-focused property landing pages featuring interactive SVG masterplans and interactive maps. Engineered advanced
dataLayer payloads to segment lead tracking, routing behavioral indicators to Google Analytics 4 (GA4) while structuring encrypted user_data schemas for ad network APIs. Secured data pipelines by embedding native HubSpot CRM scripts, implementing strict Zod validation, and deploying anti-scraping obfuscation alongside honeypot spam protection.
- Pragmatic UI & localization: Engineered zero-JS frontend baselines, deliberately prioritizing standard MPA navigation over brittle SPA-like transitions (
View Transition API) to ensure third-party marketing telemetry and consent managers remained perfectly stable across routes. Authored custom build scripts to compile scoped Sass into dynamic RTL stylesheets for global market localization.
- DevOps & infrastructure: Provisioned self-hosted Linux VPS infrastructure using
Coolify to deploy full-stack decoupled environments (Strapi/Next.js). Established webhook-driven CI/CD pipelines to Netlify Edge, ensuring zero-downtime deployments and enabling rapid, autonomous marketing iterations.
Core architecture & tooling
Next.js, Astro, TypeScript, Google Tag Manager, Google Analytics 4, HubSpot CRM, Strapi, Cloudflare, Netlify, Coolify, WordPress, Advanced Custom Fields, Decap CMS, Tailwind CSS, GSAP, Zod, CookieYes, web-vitals, Lighthouse