👋 Hi, I'm Marios Sofokleous

Web developer: building websites with React & modern tools

I build websites, templates, and plugins using React, Next.js, Astro, and TypeScript. With JAMstack architecture, I focus on performance, clean code, and complete solutions.

Explore my projects

ABOUT ME

Building modern websites with React, Next.js, and JAMstack

Headshot of Marios Sofokleous, a web developer building with React, Next.js, and modern JAMstack architecture.

I'm a web developer with eight years of experience building websites for businesses. While I started with WordPress and PHP, I've intentionally transitioned to modern JavaScript and component-based architecture, which better aligns with how I enjoy building the web today.

At IronFX, I was recognized as a Top Tech Contributor for leading the Xlence website development and making strategic technical contributions. My time there solidified my appreciation for clean, maintainable code and modern development practices.

My recent work includes building a table reservation tool with Next.js and PostgreSQL, creating open-source templates, and developing high-performance websites with the JAMstack approach using tools like Astro. I've worked with headless CMS options like Strapi and Decap CMS to create flexible, content-managed sites.

I'm passionate about the React ecosystem and enjoy building modern websites with Next.js and Astro.

I'm looking for a role where I can contribute to building modern websites and continue growing as a developer.

Download my resume

TECHNICAL EXPERTISE

Technical skills & core competencies

Languages JavaScript (ES6+) TypeScript Frontend React Next.js Astro Tailwind CSS Sass Shadcn UI Backend Node.js (Next.js Backend) PostgreSQL Supabase Drizzle ORM Toolset Git/GitHub Netlify Coolify Cloudflare Figma VS Code CR DevTools CLI GitHub Copilot Concepts Responsive Design Web Perf A11y Technical SEO BEM JAMstack CMS Strapi Decap CMS

PROFESSIONAL EXPERIENCE

Where I've applied my technical skills

  1. Marios Sofokleous logo

    Web developer

    Freelance

    Paphos, Cyprus

    Key achievements:

    • Currently developing Trapezi, a micro‑SaaS for table reservations, by extending the Vercel "Next.js SaaS Starter" to replace its authentication with Better Auth and integrate password recovery with Resend for email notifications.
    • Designed and developed a high‑performance landing page for Sentiero Luxury Villas, featuring an interactive property masterplan and a filterable amenities map with Leaflet.js. Built a custom, GDPR‑compliant cookie consent system to manage user tracking preferences.
    • Designed and developed a high-performance portfolio site for an architecture studio using Astro. Implemented Decap CMS with a structured content model to empower the marketing team, while optimizing for Core Web Vitals, accessibility, and technical SEO. Automated deployments via Netlify CI/CD.
    • Created and published an open-source portfolio template using Next.js, Tailwind CSS, and Strapi, providing developers with a pre-configured, production-ready foundation for a modern, headless CMS-powered personal site.
    • Configured a Linux VPS with Coolify to self‑host and automate deployments with simple CI/CD pipelines for modern web applications, including Next.js, Strapi, and Supabase backends.
    • Applied modern React fundamentals by completing Scrimba's "Learn React" course, building interactive applications on CodeSandbox to implement concepts like component composition, state management, and side effects.
    • Gained proficiency in static-site generation by completing Scrimba's "Intro to Astro" course and building a practical project with component-based architecture.

    Toolset

    React, Next.js, TypeScript, PostgreSQL, Drizzle ORM, Tailwind CSS, Shadcn UI, Better Auth, Resend, Leaflet.js, Astro, Decap CMS, Netlify, Strapi CMS, React Hook Form, Zod, REST API, Apache ECharts, Coolify, Git/GitHub, Cloudflare, VS Code, GitHub Copilot

  2. IronFX logo

    Web developer

    IronFX

    Limassol, Cyprus

  3. Webmors logo

    Web developer

    Webmors

    Remote

  4. Enigma Global logo

    WordPress developer

    Enigma Global

    Paphos, Cyprus

DEVELOPMENT PORTFOLIO

Selected technical projects

View all projects

PROFESSIONAL ENDORSEMENTS

Trusted by teams and clients to deliver results

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

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

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

We hired Marios to design and build our new website from scratch. He has been exceptionally collaborative, reliable, professional, and persistent in delivering a top-notch web product.

— Andreas Constantinou Marmara, Manager, PPC Pool Services

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, Founder & principal architect, GK Architects

LATEST POSTS

Sharing knowledge & technical insights

View all posts

FREQUENTLY ASKED QUESTIONS

Common questions about my work & approach

What is your experience with modern frontend technologies?

I have experience with React, Next.js, and TypeScript, developing scalable single-page applications and product-based solutions using modern frontend architecture, best practices, and type-safe development workflows.

Do you have experience working with backend technologies?

Yes! I have worked with Supabase for backend integration, REST APIs for data handling, and Coolify for containerized deployments.

How do you ensure accessibility in your projects?

I adhere to WCAG guidelines and use semantic HTML with ARIA roles to create accessible web applications. Tools like Lighthouse help me validate accessibility standards.

What is your experience with performance optimization?

I optimize websites by compressing images, implementing lazy loading, using critical CSS extraction, reducing JavaScript bundle sizes with Webpack/Vite, and leveraging CDNs to reduce load times.

Do you have experience with SEO optimization?

Yes! I implement SEO best practices such as structured data (JSON-LD), meta tags, XML sitemaps, OpenGraph metadata, and responsive designs to improve search engine rankings.

Are you open to remote roles?

Yes, I am open to remote opportunities worldwide, as well as roles based locally in Cyprus.

Do you have experience working with APIs?

Yes! I've integrated REST APIs into various projects using fetch/axios methods while ensuring secure data handling through validation techniques like Zod.

What is your experience with DevOps tools like Docker or Netlify?

I use Coolify, which deploys all applications as Docker containers, to self-host apps with automated builds and deployments triggered by GitHub commits.

How do you stay updated with industry trends?

I regularly watch YouTube, experiment with new tools/frameworks in personal projects, and share insights through my own blog posts.

What is your approach to responsive design?

I prioritize mobile-first development using CSS frameworks like Tailwind CSS or Bootstrap and optimize layouts for all screen sizes.

How do you approach testing in your projects?

I use tools like Chrome DevTools and Lighthouse for performance testing and accessibility checks. For functionality, I implement manual testing.

Let's connect

Interested in adding me to your development team?

Contact me