The latest articles on DEV Community by AlexEvans69 (@alexevans69). https://dev.to/alexevans69 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4209446%2Fb1ece03b-dc33-4d28-952a-46ead73a7c7d.png https://dev.to/alexevans69 en AlexEvans69 Mon, 26 Oct 2026 19:47:59 +0000 https://dev.to/alexevans69/how-i-built-a-free-search-console-dashboard-for-many-sites-1h9p https://dev.to/alexevans69/how-i-built-a-free-search-console-dashboard-for-many-sites-1h9p <p>If you run more than a handful of websites, Google Search Console gets tedious fast: one property at a time, one tab at a time, and no quick answer to "which of my sites lost traffic this week?". I wanted that answer on one screen, so I built <a href="https://allclicks.net/?utm_source=devto&amp;utm_medium=listing" rel="noopener noreferrer">allclicks</a>, a free dashboard for Search Console data. This post is a short tour of how it works.</p> <h2> What it shows </h2> <p>Sign in with Google, and allclicks lists every Search Console property you have access to. For each site you get clicks, impressions, CTR and average position, with a comparison against the previous period. On top of that:</p> <ul> <li> <strong>Dropping and growing lists.</strong> The sites that lost or gained the most clicks, so you see problems first instead of hunting for them.</li> <li> <strong>Tags.</strong> Group sites (by client, niche or project) and look at a whole group at once, including its top queries and pages.</li> <li> <strong>List and card views.</strong> The list view is the default; the choice, and which blocks are folded, is remembered between visits.</li> </ul> <p>It covers Search Console only. There is no GA4 in it, on purpose: the point is to stay small and fast.</p> <h2> How it is built </h2> <ul> <li> <strong>Next.js 16 (App Router) and React 19</strong>, with Tailwind 4 for styling.</li> <li> <strong>Google Search Console API</strong> for the data. The app asks for read-only access and does not write anything to your properties.</li> <li> <strong>Server-side rendering with caching.</strong> Search Console responses are slow and rate-limited, so pages are cached and refreshed in the background instead of calling the API on every visit.</li> <li> <strong>Preferences in cookies</strong>, not in a database: view mode, sort order, folded blocks. The server reads them on the first request, so the page renders in the right state with no flicker.</li> <li> <strong>Tests and CI.</strong> Vitest with Testing Library for the components, and GitHub Actions running lint, type checks and tests on every push. Dependabot keeps the dependencies current.</li> </ul> <h2> What I learned </h2> <ol> <li>Rate limits shape the architecture more than anything else. Caching and batching came before any visual polish.</li> <li>Remembering small preferences (a folded block, a sort order) makes a dashboard feel faster than any optimization.</li> <li>Keeping the scope narrow is a feature. Every extra data source doubles the screens, and the "many sites at once" idea gets lost.</li> </ol> <h2> Try it </h2> <p>allclicks is free: <a href="https://allclicks.net/?utm_source=devto&amp;utm_medium=listing" rel="noopener noreferrer">https://allclicks.net/?utm_source=devto&amp;utm_medium=listing</a></p> <p>If you are comparing tools, it is a free alternative to SEO Gets for Search Console analytics. Feedback and feature requests are welcome.</p> <p>Alex</p> seo nextjs webdev showdev