Building interfaces for the web, down to the details.

• OGCanvas

  Open Graph image editor

  Visit OGCanvas

  An Open Graph image generator with a drag-and-drop editor and a curated set of beautiful templates for stunning social previews.

  Next.js · React · TypeScript · Tailwind · Zustand · Konva.js

• Masonix

  React library

  Visit Masonix

  A React masonry layout library that gets the fundamentals right — correct reading order, balanced columns, and optional virtualization for 10k+ item feeds.

  React · TypeScriptSource

• niteshseram.in

  Personal site

  Visit niteshseram.in

  This very site — a personal portfolio built with care for typography, motion, and the small details.

  Next.js · React · TypeScript · TailwindSource

1. GreatFrontEnd

   Visit GreatFrontEnd

   • Senior Software Engineer

     Mar 2026 — Present

     Building the consumer frontend for Socialmon — an AI-powered marketing intelligence product — from early product work through launch.

   • Software Engineer

     May 2024 — Feb 2026

     Helped revamp GFE Interviews (1M+ pageviews), built GFE Projects end-to-end, and set up a dynamic MDX blog system for the GFE platform.

2. Auzmor Inc.

   Visit Auzmor Inc.

   • Software Engineer III

     Jan 2023 — Apr 2024

     Led performance work that lifted the app’s Lighthouse score from 20 to 70, cutting load times and boosting engagement.

   • Software Engineer I

     Oct 2021 — Dec 2022

     Shipped client-facing branding, email/authenticator 2FA, and an in-house real-time forum on Auzmor Learn. Named Most Valuable Performer.

• TypeScript didn't make your code safer. You did.

  TypeScript only helps when you let it. The habits that turn type checking off — `as`, `any`, unvalidated boundaries, and the strict flags nobody enables.

  May 3, 2026 · 12 min

• Why your CSS z-index is not working

  CSS z-index not working, even at 9999? Learn how stacking contexts, positioning, transforms, portals, and the top layer cause and fix layering bugs.

  May 2, 2026 · 15 min

• Why your useState is in the wrong place

  Where you put useState matters more than how you use it. A practical guide to derived state, lifting state up, colocation, and URL state — the four React state placement mistakes that cause most bugs.

  May 1, 2026 · 16 min

• React India · 2025

  Langnostic: Translating React apps with AI at scale

  Translating web apps has long been a painful, manual effort — strings scattered across code, Markdown, and more. I walked through Langnostic, a fast, scalable translation system built at GreatFrontEnd that continuously translates thousands of strings across React components and Markdown docs using AI — now powering all of GreatFrontEnd’s localized content.

  Watch Langnostic: Translating React apps with AI at scale on YouTube

I work best when I can trace a thread all the way through — from a rough idea, to the interaction that expresses it, to the edge cases nobody asks about until they hit one. I've come to trust boring code that never surprises anyone, and careful restraint over another dependency. Most of the craft, I think, is in what you choose to leave out.

Open to project ideas, collaborations, and interesting conversations about the web. I read every message and usually reply within a day or two.