A Chrome extension 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 |
|---|---|---|
| Chrome Extension | Detects SSR/CSR rendering on any webpage | Install · Docs |
| Analytics Dashboard | Real-time usage analytics | Live · Docs |
- Visit the Chrome Web Store
- Click "Add to Chrome"
- Click the extension icon on any webpage to analyze
git clone https://github.com/dzienisz/chrome-ssr-csr.git
cd chrome-ssr-csr
# Extension development
# Load extension/ folder in chrome://extensions (Developer Mode)
# Backend development
cd backend
npm install
npm run dev- Accurate Detection - Compares raw HTML vs rendered DOM, plus 15+ indicators
- 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
| 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