Should I Use This?

About This 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 just 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, allowing developers to make informed decisions based on empirical data, not hype.

How the Quiz Works

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

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

About the Benchmarks

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

Transfer Size (Kilobytes)

The 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. Lower is better for environmental impact.

Web Vitals Percentile

Real-world Lighthouse performance 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 optimizations. 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.

Tech Stack

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

  • ▸Vue 3 (Composition API, script setup syntax)
  • ▸Vite 6 for lightning-fast builds and development
  • ▸vite-ssg for static site generation and pre-rendering
  • ▸Vue Router 4 for seamless routing
  • ▸Tailwind CSS v4 for styling
  • ▸TypeScript in strict mode for type safety
  • ▸@vueuse/head for 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, which means ultra-fast global CDN distribution and 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 Source

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

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

Have 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.

Ready to Find Your Framework?

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