👋 Hi, I'm Marios Sofokleous

Web performance engineer & JAMStack architect

I build blazing-fast, SEO-optimized web architectures using Next.js, Astro, and headless CMS platforms. I help businesses achieve perfect Core Web Vitals and seamless content delivery.

Explore my projects

ABOUT ME

Architecting the modern web for speed and scale

With 8 years of experience in custom CMS development and frontend architecture, I specialize in engineering headless, SEO-optimized websites. My career began in agency environments delivering custom CMS solutions, which taught me the critical importance of aligning technical architecture with business and marketing goals.

During my time in the fintech sector at IronFX, I engineered dynamic frontend architectures, modernized development workflows, and spearheaded SEO-driven framework migrations for a trading platform.

Today, I focus on decoupling monolithic websites using modern headless architectures (Strapi, Decap CMS) and building blazing-fast frontends with Next.js and Astro. My core focus is bridging the gap between engineering and growth by delivering secure, heavily optimized websites that achieve perfect Core Web Vitals scores, ensure strict accessibility, and rank flawlessly on search engines.

Download my resume

TECHNICAL EXPERTISE

Specialized in JAMStack, performance optimization, and headless architecture

PROFESSIONAL EXPERIENCE

Architecting high-performance digital platforms

Web performance engineer & JAMStack architect
Freelance
September 2024 - Present
Paphos, Cyprus
Architecting decoupled, high-performance web experiences using Next.js & Astro, specializing in perfect Core Web Vitals, technical SEO, and modern CI/CD infrastructure.

Decoupled architecture & i18n: Engineered multilingual websites with RTL support using Astro and Decap CMS. Implemented GSAP animations and strict typography systems while maintaining zero-JS performance baselines.

Technical SEO: Architected automated JSON-LD schemas, XML sitemaps, and OG meta tags, alongside advanced asset delivery to eliminate layout shifts, ensure user privacy, and achieve perfect Core Web Vitals.

Performance optimization: Overhauled a real estate website (200+ active properties) by enabling automated image processing pipelines for upload resizing and WebP conversion. Integrated HubSpot CRM and deployed server and edge caching to achieve 95+ PageSpeed scores on shared infrastructure.

Interactive UI & compliance: Developed high-performance property landing pages featuring interactive SVG masterplans, amenity maps, and custom consent management systems to strictly enforce GDPR compliance.

DevOps & infrastructure: Established automated, webhook-driven CI/CD pipelines connecting GitHub to diverse hosting environments. Provisioned and managed self-hosted Linux VPS infrastructure using Coolify for full-stack decoupling (Strapi/Next.js), alongside Netlify for edge-delivered static sites.

Asset delivery & art direction: Implemented highly optimized image pipelines using Astro's built-in image components with strict srcset and sizes attributes. Integrated Unpic to orchestrate art direction across viewports, drastically reducing Largest Contentful Paint (LCP) times and eliminating layout shifts.

Perceived performance & UX: Delivered near-instant page navigations across multi-page architectures by enabling intent-driven link prefetching and integrating the View Transitions API for seamless cross-document fades, matching SPA experiences without the JavaScript bloat.

Core architecture & tooling

Next.js, Astro, Strapi, Decap CMS, TypeScript, Tailwind CSS, GSAP, Coolify, Netlify, Cloudflare
Frontend developer
IronFX
January 2022 - August 2024
Limassol, Cyprus
Architected scalable frontend infrastructure and led headless migrations for a global fintech trading platform, directly aligning technical performance with organic growth.

Headless migration & rendering strategy: Led the technical evaluation to decouple monolithic WordPress systems using WPGraphQL and Next.js. Aligned technical architecture with marketing goals by implementing hybrid rendering, utilizing Incremental Static Regeneration (ISR) for high-velocity blog content (2+ posts/day) and Server-Side Rendering (SSR) for dynamic routes to maximize organic growth.

Real-time data integration: Engineered live financial data solutions, integrating APIs for real-time price feed delivery.

Strategic UI architecture: Deployed React to architect dynamic, client-side rendered (CSR) interfaces for marketing features (event boards, career directories) within the CMS. Strategically isolated rich interactivity to CSR for non-SEO-critical components, preventing unnecessary server load and preserving overall page performance.

Global localization: Took ownership of Right-to-Left (RTL) localization for Arabic and Farsi audiences. Audited and resolved widespread layout issues and established strict RTL testing standards.

Workflow modernization: Standardized local development environments across the team by introducing @wordpress/env and @wordpress/scripts, leveraging containerization and modern build pipelines to drastically reduce onboarding and deployment times.

Technical leadership: Awarded "Top Tech Contributor" for architectural leadership. Established documentation standards and acted as the bridge between design and engineering to accelerate development cycles.

Core architecture & tooling

React, Next.js, WPGraphQL, Recoil, Tailwind CSS, Sass, React Hook Form, Zod, WebSockets, @wordpress/env, @wordpress/scripts
Frontend developer
Webmors
August 2019 - December 2021
Remote
Led solo frontend engineering for a fast-paced agency, architecting scalable development workflows and delivering 20+ CMS platforms from the ground up.

Solo frontend engineering: Acted as the sole developer for a new agency, owning the end-to-end technical delivery of 20+ custom October CMS websites for real estate and e-commerce clients.

Component architecture: Pioneered a component-based development structure using Twig and Sass, maximizing code reusability and significantly improving page rendering times.

Strategic UI architecture: Deployed Vue.js to build dynamic, client-side features within traditional CMS pages, strictly isolating client-side rendering (CSR) to non-SEO-critical components to protect search visibility.

Design-to-code alignment: Acted as the technical bridge between design and engineering. Guided graphic designers in web design principles within Figma to ensure prototypes translated into pixel-perfect DOM structures.

Workflow & architecture: Architected the agency's foundational development pipeline from scratch using Gulp, and utilized BEM methodology alongside Sass to ensure long-term CSS maintainability and scalable styling across all client projects.

Core architecture & tooling

October CMS, Vue.js, Vuex, Twig, Sass, BEM, Gulp, Figma
WordPress developer
Enigma Global
June 2018 - July 2019
Paphos, Cyprus
Managed the full technical lifecycle of client web projects, rapidly mastering WordPress and Elementor to deliver customized, responsive solutions for diverse business requirements.

Technical problem-solving: Researched and integrated third-party plugin ecosystems to resolve complex client requirements and extend core CMS functionality.

Theme customization: Engineered extensive child theme overrides using custom CSS and JavaScript to deliver pixel-perfect designs while maintaining core system stability and update compatibility.

Project lifecycle management: Handled requirements gathering, theme development, deployment, and maintenance for clients across various industries.

Tooling advocacy: Introduced and championed Elementor for specific projects to accelerate the delivery of custom designs and reduce project turnaround times.

Cross-functional collaboration: Partnered with designers to evaluate the technical feasibility of layouts and interactive components, ensuring visual assets seamlessly translated into performant DOM structures.

Client success: Delivered technical documentation and training to ensure smooth project handoffs and long-term site stability.

Core architecture & tooling

WordPress, PHP, JavaScript, CSS, Elementor

FEATURED WORK

High-performance web architectures and headless CMS builds

GK Architects

A high-performance, editorial-style architectural portfolio built with Astro and Decap CMS, delivering SPA-like navigation and perfect Core Web Vitals.

Next.js, Strapi Portfolio Starter

Open-source, production-ready headless CMS starter template built with Next.js, Strapi, and Tailwind CSS for optimal SEO.

JobLister plugin

React-powered WordPress plugin delivering fast job listings with search, filters, and secure application forms.

Sentiero Luxury Villas

High-performance property sales page featuring interactive SVG masterplan, amenity mapping, and GDPR-compliant consent management.

Studio Theta

Elementor-built architecture portfolio with SEO-friendly project categories and light/dark theme options.

View all projects

PROFESSIONAL ENDORSEMENTS

What teams and stakeholders say about my work

Marios has been professional, collaborative, efficient, and honest. With strong technical knowledge and natural creativity, he helped us communicate our vision through a streamlined and attractive website.

— George Kalaitzides, Architect & Founder, GK Architects

A great professional, very hardworking and able to tackle any challenge on time. It was a great pleasure working with Marios. He is an amazing person, with top notch technical skills and experience in building beautiful highly responsive web applications. I wish we have the chance to work together in the nearest future Marios. I am sure you will thrive even more in the tech industry. Nowadays, is not so common to find professionals like you. All the best!

— Christophoros Demetriou, Product manager, IronFX

An expert in front-end web development with great attention to detail. We have worked together during several projects, and Marios has delivered beautiful and fully responsive UIs every time.

— Marios Kleanthous, CEO, Webmors

Having worked with Marios for almost a year as a fellow WordPress developer, I must say he instills positive energy in the team and is a true professional. What makes him stand out is his willingness to help others. I am impressed by his work ethic, communication skills and the fact that he easily adjusts to any given situation and can perform under pressure. I am glad to have worked with him!

— Pavlina Kyriacou, WordPress developer, IronFX

Marios is one of the most hardworking persons I had the pleasure of working with, always willing to go above and beyond to complete a project assigned to him.

— Marios Polyviou, PHP developer & online marketing manager, Enigma Global

LATEST POSTS

Sharing knowledge & technical insights

Posted on:: 18/09/2025

A smarter heading hierarchy for embeddable React apps

Adaptive React headings that respect any host page. Learn accessible hierarchy, dynamic level mapping, and safe CMS HTML sanitization without brittle, hardcoded levels.

Posted on:: 25/07/2025

Protecting API keys in frontend apps with Netlify Functions

Build a secure Netlify serverless proxy to hide API keys from client-side code. Includes cross-domain setup and CORS handling.

Posted on:: 11/04/2025

How to self-host Supabase with Coolify and migrate your project from the official Supabase platform

Discover how to self-host Supabase with Coolify, gain full control of your infrastructure, and seamlessly migrate your project from the official platform!

View all posts

FREQUENTLY ASKED QUESTIONS

Technical strategies and business value

Why do you advocate for headless CMS and component-driven architecture?

Monolithic systems often force a compromise between content management ease and frontend performance. I use component-driven engineering to assemble interfaces block-by-block, decoupling the backend (Strapi, Decap CMS) from highly optimized frontends (Next.js, Astro). This gives marketing teams an intuitive publishing interface while guaranteeing zero-bloat delivery, tighter security, and scalable infrastructure without traditional database constraints.

How do you guarantee high-performance Core Web Vitals?

Performance isn't an afterthought; it is the foundation of the architecture. I refuse to use bloated legacy themes or heavy page builders. Instead, I prioritize shipping zero JavaScript to the client by default using Astro or leveraging Server-Side Rendering (SSR) and Static Site Generation (SSG) with Next.js. By optimizing LCP through edge caching, automated image pipelines, and critical CSS extraction, I ensure pages load instantly, which lowers ad CPC and maximizes campaign ROI.

How do you bridge the gap between engineering and marketing teams?

In competitive markets, engineering must empower growth teams rather than block them. I build infrastructure that allows non-technical staff to launch campaigns safely and autonomously without risking the site's layout or speed. This includes setting up secure editing dashboards and configuring third-party analytics without blocking the main browser thread.

Web performance engineer & JAMStack architect

ABOUT ME

TECHNICAL EXPERTISE

PROFESSIONAL EXPERIENCE