A comprehensive comparison site for modern meta-frameworks, tracking performance metrics, developer experience, and runtime characteristics across popular options like Next.js, Nuxt, SvelteKit, Astro, and more.
This project aims to provide objective, data-driven comparisons of meta-frameworks to help developers make informed decisions. We track metrics across two key dimensions:
- Dev Time Performance: Dependencies, build times, CI/CD performance, and developer experience
- Runtime Performance: Core Web Vitals, bundle sizes, hydration strategies, and end-user experience
See initial-comparison-list.md for the full list of frameworks we're tracking and the metrics we're measuring.
We welcome contributions from the community! Whether you're interested in adding new frameworks, improving existing metrics, or enhancing the documentation site, your help is appreciated. Check out CONTRIBUTING.md for more details on how to get started.
This is a monorepo managed with pnpm workspaces:
framework-tracker/
├── packages/
│ ├── docs/ # Astro-based documentation site
│ └── metrics-collector/ # Tool for collecting framework metrics
├── initial-comparison-list.md # Roadmap and metrics plan
└── package.json # Workspace root configuration
- Node.js (version specified in package.json engines, or latest LTS)
- pnpm (recommended package manager)
# Install dependencies
pnpm install# Start the documentation site in development mode
pnpm dev:docs
# The site will be available at http://localhost:4321# Build the documentation site for production
pnpm build:docs# Preview the production build locally
pnpm preview:docs# Check code formatting
pnpm format:check
# Fix code formatting
pnpm format
# Check for linting errors
pnpm lint
# Automatically fix linting issues
pnpm lint:fix
# Run TypeScript type checking
pnpm type-checkContributions are welcome! Whether it's adding new metrics, improving the documentation site, or enhancing the metrics collector, we'd love your help.
See LICENSE for details.
