Should I Use This?

The story

Aboutthis project.

This site is a framework recommendation engine built to help developers choose the right JavaScript framework for their next project. But it's more than a quiz — it's part of an ambitious benchmark experiment.

The exact same application is being built with 10 different frameworks: React, Vue, Next.js, Nuxt, Astro, SvelteKit, Remix, Angular, Solid, and Qwik. Each version is deployed to production and measured for real-world performance, transfer size, and carbon footprint. The results are transparent and reproducible — informed decisions based on empirical data, not hype.

How it works

How the quiz works

Our recommendation algorithm is simple and transparent. You answer 6 questions about your project requirements:

  1. 1Project type (marketing site, SaaS app, e-commerce, blog, internal tool, mobile app)
  2. 2Team size (solo, 2–5, 6–15, 15+)
  3. 3Performance requirements (critical, important, moderate, not a priority)
  4. 4Timeline (prototype ASAP, standard, long-term enterprise)
  5. 5Existing codebase (greenfield, React-based, Vue-based, Angular-based, other)
  6. 6Team familiarity (React, Vue, Angular, Svelte, no preference)

Each answer adjusts the scores for all 11 frameworks. A React developer building a marketing site gets different recommendations than an Angular team building enterprise software. The algorithm runs fully client-side — no data is collected, stored, or transmitted. Your answers stay on your device.

You'll receive a primary recommendation, two runner-up alternatives, and explanations for why other popular frameworks might not be the best fit for your specific situation.

The data

About the benchmarks

The benchmark experiment measures each framework implementation across three critical dimensions:

Transfer size (KB)

Total bytes downloaded by the browser, measured with Chrome DevTools on a simulated 4G throttled connection. Lower is better.

Carbon footprint (CO₂ per page load)

Calculated using the Website Carbon Calculator methodology, accounting for global data center energy use.

Web Vitals percentile

Real-world Lighthouse metrics from the Chrome User Experience (CrUX) dataset, showing where each implementation ranks among all websites tested. Higher percentiles indicate better performance.

Fair comparison: each implementation follows framework best practices — no artificial optimisations. We account for legitimate differences (e.g., SvelteKit variant on Firebase vs. Cloudflare). Results are transparent and reproducible.

As each version is built and deployed, benchmark results are updated here. This is an ongoing experiment that will take months to complete. Check the benchmark page for current measurements.

The build

Tech stack

This specific version of the site is built with cutting-edge Vue technologies:

  • ▸Vue 3(Composition API, script setup syntax)
  • ▸Vite 7for lightning-fast builds and dev server
  • ▸vite-ssgfor static site generation and pre-rendering
  • ▸Vue Router 4for seamless routing
  • ▸Tailwind CSS v4for styling
  • ▸TypeScriptin strict mode for type safety
  • ▸@vueuse/headfor SEO meta management

The site is intentionally lean — minimal dependencies, no heavy frameworks, just Vue 3 and essential tooling. It's deployed as a static site on Cloudflare Pages — ultra-fast global CDN distribution, zero cold starts.

This architecture is part of the experiment: we're proving that modern, performant web applications don't require bloated bundles or complex server infrastructure. A lean approach wins.

Open

Open source

This project is fully open source. We believe in transparency and community contribution.

Repository: github.com/quantum-encoding/should-i-use-this-framework

Ideas for improvements? Found a bug? Want to contribute a framework version or help with the benchmark experiment? We'd love your help. Check out the repository, open an issue, or submit a pull request.

The goal is simple: give developers the data and tools they need to make framework decisions based on facts, not marketing.

Your turn

Ready to find your framework?

Take the personalised 6-step quiz to discover which framework fits your project needs, team size, and technical priorities.