The latest articles on DEV Community by علیرضا مرادی (@__f9a36db990ea). https://dev.to/__f9a36db990ea 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%2F4176209%2F892d1d33-0687-420e-95d4-b0746e79fdcb.png https://dev.to/__f9a36db990ea en علیرضا مرادی Sun, 11 Oct 2026 02:55:10 +0000 https://dev.to/__f9a36db990ea/stop-using-two-separate-cards-for-your-github-profile-readme-57hk https://dev.to/__f9a36db990ea/stop-using-two-separate-cards-for-your-github-profile-readme-57hk <p>Hey HN,</p> <p>I was refreshing my GitHub profile README and got tired of having to embed two separate cards (one for general stats and another for top languages). Most existing options also felt dated in terms of design and layout.</p> <p>I put together a lightweight dynamic SVG generator using Next.js App Router and hosted it on Vercel.</p> <p>Key points:</p> <ul> <li>Combines core stats (Stars, Commits, PRs, Contribs, Forks) and top languages into a single card.</li> <li>Server-generated SVG without headless browser dependencies.</li> <li>Configurable accent/glow color via URL query parameter.</li> <li>Cached using Vercel edge headers (s-maxage=3600) to mitigate rate limits.</li> </ul> <p>Live preview:<br> <a href="https://github-stats-card-eosin.vercel.app/api/card?username=torvalds&amp;glow=3178c6" rel="noopener noreferrer">https://github-stats-card-eosin.vercel.app/api/card?username=torvalds&amp;glow=3178c6</a></p> <p>Repo: <a href="https://github.com/alirezamoradiii/github-stats-card" rel="noopener noreferrer">https://github.com/alirezamoradiii/github-stats-card</a></p> <p>Looking forward to feedback on the layout, typography, or edge caching strategy.</p> github nextjs opensource showdev