HOW WE INCREASED SEARCH TRAFFIC BY 20X IN 4 MONTHS WITH THE NEXT.JS APP ROUTER

Summary from the TLDR Web Dev newsletter

Properly optimizing a Next.js web application can lead to much faster load times, and thus, much better search traffic from Google. Some of the techniques that can be used to speed up a Next.js web app include using server-side rendering as much as possible, fetching server-side and hydrating client-side, bootstrapping the most important data, creating ghost components, removing excess providers, and optimizing font loading. This post goes deep into the technical aspects of each of these techniques, providing detailed images, explanations, and code examples.