Shubham's Portfolio
Solo design, build, automation, and operation
This site is itself a project: built from scratch on the Next.js App Router rather than a template, with a dark-first design system, Framer Motion animation, and statically generated project and blog pages. It's deployed on Vercel at shubhamsingla.tech.
The most interesting piece is the automated blog pipeline. A scheduled GitHub Actions workflow generates a cybersecurity deep-dive using Gemini with an automatic Groq fallback, generates themed header art, and commits the post straight to the repo — retry logic, deduplication guards, and JSON-parsing fallbacks included, because unattended automation fails in creative ways. The site also carries the SEO layer you'd expect from someone who builds lead-generating sites for clients: structured data (Person, WebSite, Article schemas), dynamic Open Graph images, canonical URLs, and a generated sitemap.
Built With
Highlights
- Fully automated AI blog pipeline: scheduled GitHub Actions run Gemini with Groq fallback, themed image generation, dedup guards, and self-committing output.
- Statically generated throughout — project pages, blog posts, sitemap, and robots all built at deploy time for speed and SEO.
- Structured data layer: Person, WebSite, Article, and SoftwareSourceCode JSON-LD plus dynamic Open Graph images per page.
- Custom dark-first design system with Tailwind v4 CSS variables, Geist typography, and scroll-triggered Framer Motion animation.
- Rich project detail pages with full build timelines — the development story, not just the result.
Project Timeline
Initial Concept
Mar 2024Decided to build from scratch rather than reach for a template. Researched modern portfolio designs for inspiration and locked in the feature set.
Design System Creation
Apr 2024Established the visual identity: dark-mode-first, gradient accents, Geist font family, and smooth Framer Motion animations throughout.
V1 Static Build
May 2024Built the initial static version with hero, about, and a basic project listing. Deployed to Vercel for early feedback.
Blog Integration
Jul 2024Added a blog section with Markdown-based content, syntax highlighting for code blocks, and category-based filtering.
Project Detail Pages
Aug 2024Created dynamic /projects/[slug] pages with individual timelines, tech stack badges, and GitHub + live site links.
Animation Polish
Sep 2024Added scroll-triggered animations, page transitions, and interactive hover effects. Tuned timing for a premium feel.
Dynamic Project Loading
Nov 2024Refactored to load projects from a centralised data file. Built the responsive card grid with gradient text headers.
Custom Domain & SEO
Dec 2024Connected shubhamsingla.tech, added proper meta tags, Open Graph images, and canonical URLs.
V2 Major Upgrade
Jan 2025Integrated dynamic project loading, timeline views, GitHub repository links, and live site buttons. Full compliance audit against engineering standards.
Daily Blog Automation
Apr 2026Added a scheduled pipeline that generates a fresh cybersecurity blog post each day via Gemini with a Groq fallback, committing the result through GitHub Actions.
Project Curation
May 2026Pruned retired projects, expanded descriptions and tech stacks for the active set, and tightened unused imports across the components.
Recruiter & SEO Overhaul
Jun 2026Added About and print-ready Resume pages, JSON-LD structured data, dynamic Open Graph images, and moved the blog pipeline to weekly long-form deep dives with Q&A sections.