Blog

Writing that shares what I learn.

Notes on building products, architecture decisions, and tools I use day to day.

Deploying a React + Vite App to AWS EC2 with Nginx and GitHub Actions CI/CD

Deploying a React + Vite App to AWS EC2 with Nginx and GitHub Actions CI/CD

Full CI/CD from GitHub push to nginx

Step-by-step guide to deploying a React + Vite app on AWS EC2 with nginx and a GitHub Actions CI/CD pipeline — from launching the instance to automated deploys.

Topics

React
Vite
AWS
EC2
nginx
GitHub Actions
CI/CD
Jul 4, 202614 min read
Stop Using GIFs for UI Demos: Use Optimized Video in Next.js Instead

Stop Using GIFs for UI Demos: Use Optimized Video in Next.js Instead

Learn how to replace heavy GIF animations with optimized videos to dramatically improve your Next.js performance

Learn why GIFs hurt performance and how to replace them with optimized videos in Next.js using lazy loading and IntersectionObserver.

Topics

Next.js
Performance
Frontend
Web Optimization
Mar 8, 202610 min read
How to Set Up Axios with Token Refresh, Interceptors, and Global Error Handling in React

How to Set Up Axios with Token Refresh, Interceptors, and Global Error Handling in React

Production-ready API client with auth and refresh

Configure Axios in React with interceptors, access and refresh tokens, automatic token refresh, and global error handling — centralized and maintainable.

Topics

React
Axios
Authentication
TypeScript
Feb 20, 202512 min read

for...of vs for...in in JavaScript

When to use each loop

The difference between for...of and for...in in JavaScript: iterables vs plain objects, values vs keys, and when to use Object.entries().

Topics

JavaScript
for...of
for...in
Feb 15, 20253 min read