After work I built a small Chrome extension that detects whether a webpage is rendered using Server Side Rendering, Client Side Rendering, or a hybrid approach.
As a frontend developer I often wanted a quick way to check how a site is rendered without opening devtools and digging through network and DOM. This started as a personal after hours project and turned into something I use daily, so I decided to share it.
What it does • Detects SSR, CSR, or hybrid rendering • Recognizes frameworks like Next.js, React, Nuxt, Gatsby and others • Shows basic performance timings like DOM ready and FCP • Keeps last 10 checks in local history • Works fully locally with no data collection
Accuracy is based on 15 plus indicators and works surprisingly well across modern stacks.
Everything is open source. No tracking. No external servers. Just a lightweight dev tool.
I recently improved React 18 detection, fixed history display, added better error handling, and cleaned up docs and roadmap.
This is very much a side project made for fun and learning. If it helps even a few devs or SEO folks, I will be happy.
https://chromewebstore.google.com/detail/csr-vs-ssr-detector...
Feedback and suggestions are welcome. Thanks for checking it out
No comments yet.
