A browser extension (Chrome and Firefox) that detects whether a webpage uses Server-Side Rendering (SSR) or Client-Side Rendering (CSR). Helps developers and SEO specialists understand page rendering strategies.
This monorepo contains two projects:
| Project | Description | Links |
|---|---|---|
| Browser Extension | Detects SSR/CSR rendering on any webpage (Chrome & Firefox) | Chrome · Firefox · Docs |
| Analytics Dashboard | Real-time usage analytics | Live · Docs |
- Chrome: Chrome Web Store → "Add to Chrome"
- Firefox (128+): addons.mozilla.org → "Add to Firefox"
Then click the extension icon on any webpage to analyze it.
git clone https://github.com/dzienisz/chrome-ssr-csr.git
cd chrome-ssr-csr
# Extension development
cd extension
npm install
npm run build # rebuild bundles after editing src/
npm run build:firefox # generate the Firefox variant in dist/firefox/
npm run test:run # unit tests
# Chrome: load extension/ folder in chrome://extensions (Developer Mode)
# Firefox: load extension/dist/firefox/ in about:debugging#/runtime/this-firefox
# Backend development
cd backend
npm install
npm run dev- Accurate Detection - Compares raw HTML vs rendered DOM, plus 15+ indicators — validated against a 22-site ground-truth suite (v3.7.0)
- Framework Recognition - Detects Next.js, Nuxt, Gatsby, React, Vue, Angular, and more
- Tech Stack Intelligence - Identifies CSS frameworks (Tailwind, Bootstrap), Build Tools (Vite), and Hosting (Vercel, Netlify)
- SEO & Accessibility Audit - Checks meta tags, social preview tags, alt text coverage, and ARIA labels
- Badge on Icon - Shows SSR/CSR/MIX result directly on extension icon
- Export Results - Download as JSON, CSV, or Markdown
- Dark Mode - Beautiful dark theme
- Analytics Dashboard - Aggregated usage data with live updates
- Privacy-respecting telemetry - Opt-out anonymous stats, origin only (never full URLs) — see the privacy policy
| SSR (Server-Side) | CSR (Client-Side) |
|---|---|
| Content generated on server | Content generated in browser |
| Better for SEO | Better for interactivity |
| Faster First Paint | Smoother navigation |
| Next.js, Nuxt, Gatsby | React SPA, Vue SPA |
Contributions welcome! See individual project READMEs for details:
MIT License - see LICENSE