Portfolio website with dynamic social cards and visitor tracking
By RepoJournal , from @anurag629's public GitHub activity
Backfilled
Anurag built out a Next.js portfolio site from scratch, layering in SEO metadata, dynamically generated Open Graph images, and a unique visitor counter backed by Redis.
Starting from a Create Next App scaffold [1], Anurag laid down a handwritten paper-style design [2] and added documentation [3]. He set up GitHub Pages deployment with a workflow [4] to automate publishing.
The SEO work came next: search engine optimization metadata [5] followed by dynamic Open Graph image generation [6]. The OG images needed rework to function properly during static export [7], then evolved to include a circular profile photo with gradient border styling [8], improving the visual presentation when the portfolio is shared on social platforms.
Visitor tracking rounded out the day. Anurag first added a floating counter using CountAPI [9], then replaced it with a more sophisticated version using Upstash Redis and localStorage [10]. The final implementation tracks unique visitors per browser and device, keeping the counter fixed in the bottom-right corner with paper-theme styling.
One email a day. Unsubscribe in one click.
A short briefing every day anurag629 ships something — in about 3 minutes.
One email a day. Unsubscribe in one click. Read a past issue →
References
- [1] Initial commit from Create Next App anurag629/anurag629.github.io
- [2] Add handwritten paper-style portfolio website anurag629/anurag629.github.io
- [3] Add README anurag629/anurag629.github.io
- [4] Add GitHub Pages deployment workflow anurag629/anurag629.github.io
- [5] Add SEO and AI SEO optimization anurag629/anurag629.github.io
- [6] Add dynamic OG image for social sharing anurag629/anurag629.github.io
- [7] Fix OG image generation for static export anurag629/anurag629.github.io
- [8] Add profile picture to OG image anurag629/anurag629.github.io
- [9] Add floating visitor counter anurag629/anurag629.github.io
- [10] Add floating unique visitor counter with Upstash Redis anurag629/anurag629.github.io