Migrating a React App to TypeScript and Next.js

Hi, I’m Gaurav — a Frontend Developer based in India, working mainly with React.js, JavaScript, and Redux Toolkit.

I spent about a year and a half building CMS-driven interfaces at Hocalwire Labs before stepping away for personal reasons. Now I’m back, and instead of jumping straight into job applications, I decided to spend some real time leveling up first.

Here’s what I’m currently working on:

Migrating one of my projects to TypeScript + Next.js

I built FoodFlick — a food-ordering app with live restaurant data — a while back in plain JavaScript with Create React App. I’m now rebuilding it properly: TypeScript for type safety, Next.js App Router for the routing and rendering model most companies are actually using now.

Learning frontend performance optimization alongside it

Rather than treating the migration as just a syntax change, I want to use it as a chance to actually measure and improve things — Lighthouse scores, bundle size, load times — not just get the code compiling.

What’s next

I’ll be writing about both as I go, including what breaks, what confuses me, and what I learn fixing it. If you’ve done a similar migration or have advice on structuring a Next.js App Router project well, I’d genuinely like to hear it.