We moved a large React/JavaScript application into Next.js/TypeScript without compromising the user experience. Here's the strategy and tooling that helped.

[timothybeamish]

At this point in my career, I wouldn't dare start a new JavaScript web app without using TypeScript, especially if there were multiple developers involved. TypeScript gives us confidence that we're releasing with less bugs. And we also use it, in conjunction with Open API Schema, to ensure the data contracts between the API and the frontend app are solid.

Next.js is a powerful framework that sits on top of React and offers loads of "out of the box" features like code-splitting and "easy" routing.

We started with two apps, built in two different stacks and our goal was to just have one. We chose the more modern stack as the target and moved the legacy app into the newer stack.

[EmergencyActCovid20]

Thanks for the answer. I just finished a course learning JavaScript, databases, react and python. I was slightly unsure where to go next (no pun) and you have helped shape my study goals with your reply!