Software Engineer.

@deprecated motion graphic designer and photographer.

@author

Teng Wei Herr

A designer/photographer-turned-software-engineer, occasionally writing tech articles and contributing to OSS projects.

Besides work, I like playing basketball, tennis, and chugging coffee.

I am currently based in Malaysia. Did you know we have the best food ever?

Tech I've worked with:
  • Next.js
  • React
  • TypeScript
  • Zustand
  • MobX
  • Redux
  • Webpack
  • Node.js
  • Supabase
  • PostgreSQL
  • Kafka
  • Spring Boot

@works

Where I've worked & volunteered:
2022 - Present
Web Engineer

MoneyLion Inc.

Web Engineer

2 years 4 months

  • Identified web performance bottlenecks and reducing total blocking time by up to 90%.
  • Overhauled a static site using SSG, headless CMS, and implementing a zero-runtime-cost asset caching strategy in Next.js.
  • Migrated a React SPA to a Next.js isomorphic web app, achieving a 16x faster load time with 50% less code.
  • Fine-tuned backend service scalability and optimized K8s resources with HPA to handle 30K RPS while maintaining SLOs.
2024 - 2025
Founding Engineer

PAYGAP Asia

Founding Engineer

5 months

  • As a founding engineer, I architected and developed the entire system from 0 to 1, making key technical decisions like tech stack selection, database design, security implementation etc.
2019 - 2024
Motion Graphic Designer

HERR Studio

Motion Graphic Designer

5 years

  • Expertise in Adobe Creative Suite including Illustrator, After Effects, Photoshop, etc
  • Worked with international clients to produce high quality media content across various domains including finance, interior design, corporate, and government units.
Web Engineer

2 years 4 months

  • Identified web performance bottlenecks and reducing total blocking time by up to 90%.
  • Overhauled a static site using SSG, headless CMS, and implementing a zero-runtime-cost asset caching strategy in Next.js.
  • Migrated a React SPA to a Next.js isomorphic web app, achieving a 16x faster load time with 50% less code.
  • Fine-tuned backend service scalability and optimized K8s resources with HPA to handle 30K RPS while maintaining SLOs.
Founding Engineer

5 months

  • As a founding engineer, I architected and developed the entire system from 0 to 1, making key technical decisions like tech stack selection, database design, security implementation etc.
Motion Graphic Designer

5 years

  • Expertise in Adobe Creative Suite including Illustrator, After Effects, Photoshop, etc
  • Worked with international clients to produce high quality media content across various domains including finance, interior design, corporate, and government units.

@published

Sep 09, 2024
Next.js SSG: Caching Third-Party Assets for Zero Runtime Cost

Minimizing Bandwidth Usage by Serving Third-Party Assets Statically in Next.js


May 03, 2024
Chrome’s Performance Panel 101: What’s Going on in Your JavaScript Main Thread

Learn to use the profiler in Chrome’s Performance Panel with my favourite settings and some useful tips


Jan 29, 2024
Animated Bar Chart with D3.js and React

Learn the underlying concepts and how to plot charts with D3.js and React

View more at Medium

Get in touch

Drop me a message if you have any questions or just want to say hi.
Any collaborations and opportunities are welcomed.

Say Hello
mwa-soty-ribbon