Soft.xyz is an independent, data-driven platform that compares 232+ developer tools across 69 categories by real metrics — GitHub activity, npm downloads, actual pricing, DX scores, and community sentiment. Unlike pay-to-play review sites, every ranking on Soft.xyz is based on publicly verifiable data pulled from GitHub, npm, and official pricing pages.

How does Soft.xyz collect data?

Soft.xyz pulls data from public APIs including GitHub (stars, forks, commits, open issues, last commit date), npm (weekly download counts), and official pricing pages. Community sentiment data comes from Reddit and Hacker News mention tracking. All metrics are refreshed weekly and timestamped so you can see exactly when data was last updated.

Is Soft.xyz free to use?

Yes, Soft.xyz is completely free to use. All tool pages, comparisons, benchmarks, DX scores, pricing analysis, and category rankings are available at no cost. For teams that need a deeper analysis, we offer a paid Stack Audit report ($199) that evaluates your entire tech stack with personalized recommendations. An API is also available for programmatic access to our dataset.

How many tools does Soft.xyz track?

Soft.xyz tracks 232 developer tools across 69 categories including databases, hosting, authentication, payments, analytics, CI/CD, monitoring, search, CMS, and more. Each tool page includes real-time GitHub metrics, npm download counts, pricing breakdowns, and side-by-side comparisons with alternatives in the same category.

Home / Migrations / Gatsby → Astro

Gatsby → Astro

medium

Gatsby is effectively dead (Netlify acquisition, no updates). Astro is the modern content-first framework with island architecture.

Estimated: 4-10h · 6 steps

Progress0%

Step 1: Create Astro project

npm create astro@latest

Step 2: Move content

Copy markdown/MDX files. Astro content collections replace Gatsby's GraphQL data layer. Define collection schema in src/content/config.ts.

Step 3: Convert pages

Gatsby JSX pages → Astro .astro files. Replace gatsby-link with <a> tags. Remove GraphQL queries.

Step 4: Replace plugins

gatsby-plugin-image → Astro Image. gatsby-plugin-mdx → built-in MDX. gatsby-source-* → Astro content loaders or fetch().

Step 5: Add React islands

Keep React components with client:load or client:visible directives for interactive parts.

npm install @astrojs/react

Step 6: Verify

✓ All pages render, images load, build succeeds

What this migration involves

Moving from Gatsby to Astro is rated medium and takes about 4-10h on a typical project. The guide breaks it into 6 steps, 2 of which ship with runnable commands and 1 with a verification check.

Astro data →

Related migrations

Next.js Pages Router → Next.js App Router — hard, 8-24h Next.js Markdown blog → Astro Content Layer — medium, 3-6h Vue 2 → Vue 3 — hard, 16-40h

FAQ

How long does migrating from Gatsby to Astro take?

Around 4-10h for a typical project — 6 steps, difficulty rated medium, 2 of them with copy-paste commands.

Is moving from Gatsby to Astro reversible?

No reverse guide is tracked yet, so treat this as a one-way move and keep a full export of your Gatsby data before you start.

What does Astro cost compared to Gatsby?

Astro: open-source from $0/mo, free plan available.