10x performance improvement after transitioning to Next.js

I built a re-imagined version of Hacker News: https://hn.boxpiper.com/ on top of create react app and added some webpack configurations for performance boost.

Because of SSR, app used to take a considerable amount of time for the processing and rendering. Used redis for caching but performance was still a question. The intent was to never wait for data. It should be readily available.

So, i migrated the app to Next.js (11.0.1) because of an in-built feature of Static Site generation (most important), webpack configurations (most important), image optimisations, etc. and it works like rocket! Speed is super awesome and now it actually works like 202X way!

Earlier the FCP and LCP values was way bad. Current FCP is 322ms and LCP is 821ms. Still I can improve on this!

GT Metrix report: https://gtmetrix.com/reports/hn.boxpiper.com/B0MMoMay/

Happy to discuss on this and learn!