Mehdi Nasiri profile photo

Mehdi Nasiri

Software Engineer | React | Next.js | TypeScript

Summary

Dedicated JavaScript Developer with 9+ years of experience building scalable, high-performance web applications using React and Next.js. Skilled in Nx monorepos, I leverage cutting-edge technologies to deliver innovative solutions while expanding backend expertise to contribute as a full-stack developer.

Experience

TourlaneGermany

Software Engineer

03/2022Present
  • Architected core system standards within a large-scale Nx monorepo (5+ projects, 3+ packages), defining technical direction for tooling and reliability while leveraging Next.js, React 19, and TypeScript for the core application and conducting architectural reviews to scale delivery quality.
  • Designed the data and service layer using tRPC and Fastify to implement a type-safe Backend-for-Frontend (BFF) pattern. Integrated REST and GraphQL microservices into a unified data layer and optimized performance with advanced Redis-based SWR caching for the tRPC layer, improving both speed and perceived responsiveness.
  • Contributed significantly to four internal AI-focused hackathons, facilitating the successful implementation of innovative product features that directly influenced the product roadmap.
  • Drove product innovation and optimization by launching and monitoring four to five critical A/B/C experiments quarterly, directly influencing the product roadmap and leading to 20% improvements in lead conversion and user journey streamlining.
  • Streamlined CI/CD and developer workflow by designing advanced GitHub Actions with smart caching and dependency analysis, tripling CI speed (15→5 min), enabling faster feedback cycles, reducing ticket cycle time, and ensuring quality with Playwright E2E and Vitest unit tests.
  • Elevated developer experience by creating a comprehensive design system using React and PandaCSS, accelerating development velocity by 50%.
  • Managed observability and performance by engineering a custom Next.js middleware for OpenTelemetry to accurately measure and improve performance. Utilized Sentry, Prometheus, and Grafana to monitor data, successfully reducing site latency from 350ms to 250ms and decreasing client-side load.
  • Drove architectural alignment and collaboration across multiple teams in the Nx monorepo, participating in weekly technical syncs, coordinating large-scale initiatives, enhancing the monorepo, and enforcing shared code guidelines and best practices across projects.
  • Enhanced code reusability and modularity by implementing composable packages for shared functionalities, ensuring efficient reuse across different projects and supporting scalable, high-quality architecture.
  • Implemented a robust tracking architecture with Snowplow and Google Tag Manager (GTM) to centralize product analytics, deepen user behavior insights, and unlock data-driven decision-making across multiple applications.

MofidIran

Frontend Developer

07/202003/2022
  • Led the complete architectural redesign and migration of five major legacy web applications to modern, scalable Next.js/React and TypeScript systems, overseeing the design and implementation of a component-based architecture with 50+ reusable components.
  • Conducted over 200 technical interviews and successfully recruited and onboarded more than six frontend developers who continue to be valuable members of the organization.
  • Architected an enterprise-grade system executing SSR/SSG for optimal SEO performance, increasing Lighthouse score by 25% and achieving excellent Core Web Vitals through code splitting and efficient state management using Zustand and React Query.
  • Constructed financial data visualization and reporting systems using Highcharts and ApexCharts, creating complex charts for net asset value, portfolio analysis, and real-time market data presentation.
  • Engineered robust internationalization solutions using next-intl for all platforms, supporting comprehensive content translation and RTL/LTR layouts, and spearheaded a self-hosted implementation of Tolgee that yielded significant localization cost savings.
  • Formulated advanced UI features, including sophisticated animation systems with GSAP and Framer Motion, executed complex forms with React Hook Form (40+ fields), and ensured responsive design using Tailwind CSS for more than five teams.

FarakavIran

Frontend Developer

08/201807/2020
  • Implemented a hybrid website structure serving over one million visits per day using Razor Markup for initial page loading, enabling integration of modern JavaScript libraries such as Vue.js and React.js despite legacy constraints.
  • Enhanced the Varzesh3 website with new features by adding widgets using Vue.js, vanilla JavaScript, and Sass while maintaining compatibility with legacy browsers like Internet Explorer 8.
  • Developed impactful landing pages for sports events using vanilla JavaScript, jQuery, and Sass.
  • Led the Tamasha.ir refactoring by designing and building a custom grid system with Sass to deliver a modern design.
  • Utilized Vue.js for specific pages while strategically employing vanilla JavaScript, jQuery, and Angular to meet diverse project requirements.
  • Upgraded and expanded the admin panel by introducing new features with Angular and modernizing the overall experience.

ExirIran

Frontend Developer

08/201607/2018
  • Bootstrapped and constructed web applications as the sole frontend developer for the organization.
  • Created a Vue.js-based admin panel that reduced page load times by 60%, improving user satisfaction scores among educational agency staff.
  • Executed responsive design to ensure optimal user experiences across a wide range of devices.
  • Optimized performance to deliver fast and seamless user interactions across applications.

Projects

React Calendar Date-Time Picker

Open-source React component that delivers fully accessible Gregorian and Jalali calendars with configurable date and time selection modes.

  • Supports single, range, and multiple date selection with optional time pickers, weekend markers, and disabled date rules to fit complex scheduling needs.
  • Provides comprehensive TypeScript support, theme customization, and context-driven APIs adopted by product teams across multiple internal projects.
  • Maintains an interactive documentation site with live examples, ensuring seamless onboarding for open-source users and collaborators.

Education

Payame Noor University

Bachelor's degree, Computer Science

2013

Skills