Note #6

I saw some interesting statistics published by Vaihe regarding Astro and the usage of various tools and frameworks with it.

As I’ve been working on data visualisation components recently, and given my site is also written in Astro (with some Preact/React in places), I thought it would be fun to visualise some of these statistics about Astro using Astro. One of the components I’ve been working on is a stacked value chart, which I’m using here.

<ProseIsland>
    <ActivityChart
        options={{
            format: 'percent',
            size: 'medium'
        }}
        data={[
            { label: 'With React', value: 0.258, color: '#009d88' },
            { label: 'Without React', value: 0.742, color: '#00bf63' },
        ]} />
</ProseIsland>

How many Astro sites use React

Without React 74.2%
With React 25.8%

The popularity of Tailwind among Astro sites

No Tailwind 55%
Use Tailwind 45%

Estimating how many Astro sites use SSR vs. SSG

SSG 79%
SSR 21%

How popular each Astro SSR solution is

Node 39.3%
Vercel 23.8%
Cloudflare 18.6%
Netlify 15.2%
Deno 3.1%

How many Astro sites use a JavaScript framework

JavaScript framework 64.1%
No JavaScript framework 35.6%

The most popular JavaScript frameworks within Astro.js sites

React 40.4%
Svelte 17.6%
Vue 17.4%
Preact 12.2%
Solid 6.4%
Lit 3.4%
Alpine 1.7%