Purpose of this multi-post guide is to get you started with TypeScriptin Next.js with as less manoeuvring through documentation as possible. In part 1, we are going to 1. Bootstrap our new Next.jsproject. 2. Configure TypeScript 3. Build a basic strictly typed view and a component Time to spin-up a…

Recently we had a requirement where we needed to synchronise UI state with url changes/updates. To be specific, we wanted to render section by passing it via query params http://localhost:3000?section=categories // Renders categories component http://localhost:3000?section=detail?name=jack // Renders detail component and name parameter has a value, 'jack'. It is important to mention at this point that we were using wouter for routing for our preact SPA and redux for state management. Looking at out current tech preference, it was obvious we would consider connected-react-router and we did but not without taking one last look at wouterhooks based api.