First Light · India · UTC+5:30
Frontend Engineer
I build fast, accessible web platforms — and the systems that keep them fast as they grow.
Observer's Log · 4 years · India
Most frontend problems are really delivery problems — the interesting work is making the fast path the easy path for everyone who touches the codebase.
I've spent four years on frontend platforms — the kind where the hard part isn't the component, it's that a lot of people need to ship pages without breaking the build. Most of my work has been migrations and plumbing: moving legacy applications onto Next.js, standing up a headless CMS that took page publishing from two pages a sprint to two a day, and wiring a Playwright suite covering E2E, API, accessibility, and visual regression so releases stopped being a negotiation.
I care more about the second year of a codebase than the first week of it. In practice that means I'd rather add a lint rule than a conventions document, and I'll usually argue for the boring, typed, testable version of a feature. Outside of work I build small things to learn from — an AI content app on Gemini, a blog CMS on Payload — and I write up what breaks at dev.to.
The Atlas · 24 entries · 3 constellations
Magnitude encodes depth of experience, not preference. The lines are real dependencies — React to TypeScript, Payload to MongoDB, Next.js out to Vercel.
24 lines · depth of experience
Sweep across it, or use the arrow keys
Docker
Familiar
Tooling · magnitude 60
No dependency lines recorded.
MongoDB
Familiar
Backend · magnitude 75
No dependency lines recorded.
Accessibility
Working
Tooling · magnitude 80
No dependency lines recorded.
Astro
Working
Frontend · magnitude 80
No dependency lines recorded.
Express
Working
Backend · magnitude 80
Depends on REST APIs
Performance optimisation
Working
Tooling · magnitude 80
No dependency lines recorded.
Playwright
Working
Tooling · magnitude 80
Depends on Accessibility
SEO
Working
Tooling · magnitude 80
No dependency lines recorded.
Vercel
Working
Tooling · magnitude 80
No dependency lines recorded.
Figma
Working
Tooling · magnitude 85
No dependency lines recorded.
Gemini / LLM APIs
Working
Backend · magnitude 85
Depends on REST APIs
Next.js
Working
Frontend · magnitude 85
Depends on Vercel
Payload CMS
Working
Backend · magnitude 85
Depends on MongoDB
REST APIs
Working
Backend · magnitude 85
No dependency lines recorded.
TypeScript
Core
Frontend · magnitude 88
No dependency lines recorded.
AI-assisted development
Core
Tooling · magnitude 90
No dependency lines recorded.
ESLint / Prettier
Core
Tooling · magnitude 90
No dependency lines recorded.
Node.js
Core
Backend · magnitude 90
Depends on Express
Tailwind CSS
Core
Frontend · magnitude 92
No dependency lines recorded.
CSS
Core
Frontend · magnitude 95
No dependency lines recorded.
Git
Core
Tooling · magnitude 95
No dependency lines recorded.
HTML
Core
Frontend · magnitude 95
No dependency lines recorded.
JavaScript
Core
Frontend · magnitude 95
No dependency lines recorded.
React
Core
Frontend · magnitude 95
Depends on TypeScript, Next.js, Astro
Trajectory · 4 years · 7 burn events
Each burn is a moment where deliberate effort changed the vehicle's course.
4 years
Burn 01
Led the migration of legacy frontend applications to Next.js, improving performance, SEO, accessibility, and developer experience.
Burn 02
Designed and built a scalable headless CMS on Next.js, Payload CMS, and PostgreSQL, transforming how fast pages reach production.
14×faster page deliveryFrom 2 pages per 14-day sprint to 2 pages per day
Burn 03
Architected a multi-brand CMS on a monorepo, improving code reuse, maintainability, and onboarding speed for new brands.
Burn 04
Built a Playwright suite covering E2E flows, API testing, UI and snapshot tests, accessibility checks, link validation, and authentication workflows.
Burn 05
Worked with backend, QA, and product teams to own frontend delivery and improve product stability and release confidence.
Burn 06
Performed database schema and data migrations in coordination with Payload CMS and PostgreSQL.
Burn 07
Maintained and enhanced legacy JSP applications, enabling gradual modernization without disrupting production systems.
Catalogued Worlds · 4 catalogued
A React and Tailwind v4 component library published to npm, built on a --zui-* token contract with CVA-backed variant APIs, optional Framer Motion entry points, a headless hooks catalog, and a CLI for scaffolding. Covered by 1,359 assertions across 139 test files, including 46 accessibility tests that run axe-core and keyboard interaction against every interactive component.
A personal blog content management system built with Next.js, Tailwind CSS, and MongoDB. Includes user authentication, an admin dashboard, content and media management, analytics, PageSpeed testing, and on-demand revalidation.
An AI-powered app for generating content and images, wrapped in a social-media-style feed with posting and interaction features.
A single-page developer portfolio built on a Material-3 inspired token system, with a live dev.to article feed, a mobile-first bottom-tab navigation pattern, and animated section reveals.
Instrument Bay · 4 instruments
The tools and systems behind the products, rather than the products themselves.
Transmissions · 6 of 30
3 weeks ago I started building yet another component library. I know, I know. The world doesn't need...
In this video, we’ll break down a common Next.js App Router mistake that can block your entire page...
Hello my frontend developers, today i will sharing 5 useful patterns which you could use in your...
👨💻 My Daily Tech Stack as a Frontend Engineer Every day when I sit down to code, I love having a...
Hello my frontend developers, today i will be sharing a pattern of data fetching and want all of...
Hello my frontend developer friends, today i will be sharing some useful snippets for tailwind css...
Uplink · Asia/Kolkata · UTC+5:30 · Weekdays