SENIOR
FRONTEND
ENGINEER.

"Hey, I'm Hasthi Rambukwella, a frontend engineer with a focus on building things that are fast, accessible, and actually shipped."

Next.jsReactTypeScriptTailwind
6+
Years Experience
Building production apps
50+
Projects Shipped
From MVP to scale
20+
Technologies
Modern web stack
10+
Companies
Startups to enterprise
WHAT I DO
01
CRAFT

FRONTEND
FRONTEND

Next.js, React, TypeScript, and Tailwind. I build fast, accessible interfaces with modern tooling and ship them to production.

02
THINKING

ARCHITECTURE
ARCHITECTURE

Component patterns, state management, and scalable project structure. I think in systems and make decisions that hold up over time.

03
OWNERSHIP

SHIPPING
SHIPPING

From design handoff to deployment. I own features end-to-end, working across product, design, and backend to deliver real outcomes.

IMPACT

By the numbers.

Real outcomes from real production work.

PERFORMANCE
0BEFORE
→
0AFTER

WEB VITALS SCORE
WEB VITALS SCORE

Diagnosed and resolved CLS, LCP, and FID issues across a production Next.js app — pushing overall Core Web Vitals from failing to passing across all metrics.

MIGRATION
0%MIGRATED

PAGE → APP ROUTER
PAGE → APP ROUTER

Led full migration from Next.js Pages Router to App Router — adopting React Server Components, streaming, and nested layouts with zero downtime.

DESIGN SYSTEM
1xLIBRARY UNIFIED

IN-HOUSE UI LIBRARY
IN-HOUSE UI LIBRARY

Streamlined a custom component library — consolidated inconsistent patterns, improved API ergonomics, and reduced implementation time per component.

DEVELOPER EXPERIENCE
↑ DXIMPROVED

INCREASED ACROSS PROJECTS
INCREASED ACROSS PROJECTS

Introduced tooling improvements, better TypeScript strictness, shared configs, and documentation practices that reduced onboarding friction and day-to-day friction.

SKILLS & APPROACH

How I work.

PREFERRED STACK

Tooling
Tooling

Next.jsReactTypeScriptTailwindFramer MotionVercel
WORK STYLE

Remote-First
Remote-First

Async-first, doc-driven. Clear ownership and written handoffs across time zones.

CORE FOCUS

Performance
Performance

Web Vitals, bundle optimization, and runtime efficiency at scale.

APPROACH

Component-Driven
Component-Driven

Design systems, Storybook, and reusable patterns. Iterative refinement over big-bang rewrites.

VALUES

Craft & Collaboration
Craft & Collaboration

I believe in writing clean, maintainable code that others can understand. Documentation isn't an afterthought—it's part of the craft. I value collaboration over ego, and shipping over perfection.

LATEST

From the Blog

Read all posts
"Don't Repeat Yourself" is one of the most misquoted principles in software
WritingFeb 20, 2026

"Don't Repeat Yourself" is one of the most misquoted principles in software
"Don't Repeat Yourself" is one of the most misquoted principles in software

There's a paradox at the heart of software engineering: the more experience you have, the more damage you can do with a single architectural decision. Junior engineers write code that is too explicit. They repeat themselves, copy-paste, and solve each problem in isolation. Senior engineers learn to see patterns, reach for abstractions, and build reusable systems. But somewhere between "junior who duplicates everything" and "senior who abstracts everything," there's a sweet spot that's surprisingly easy to overshoot. This post is about what happens when you overshoot it.

MORE POSTS02 entries
How We Killed Client-Side Token Refresh in Next.js

How We Killed Client-Side Token Refresh in Next.js
How We Killed Client-Side Token Refresh in Next.js

Technical

Feb 19, 2026
Next.js: Why SSG + CMS is a Game Changer

Next.js: Why SSG + CMS is a Game Changer
Next.js: Why SSG + CMS is a Game Changer

Technical

Feb 15, 2026
SPOTLIGHT

Featured Project

View all projects
HEADLESS COMMENTS
OPEN SOURCE / REACT2025

HEADLESS COMMENTS
HEADLESS COMMENTS

A headless-first React comment engine: standalone useCommentTree hook, composable per-comment hooks, pluggable adapters (REST, Supabase, in-memory), and optional styled presets. TypeScript-native with generic Comment<T> support and zero dependencies except React 18+. Suited for apps that need full control over UI or a drop-in comment section.

REACTTYPESCRIPTHOOKSOPEN SOURCEHEADLESS
Let's work together
Let's work together

Open to full-time and contract opportunities