Building itsmesujan.me
Why I built a personal platform instead of a static résumé — and the stack I chose: Next.js, TypeScript, Tailwind, Vercel.
Beyond the Static Resume
Traditional portfolios and PDF resumes are static snapshots that decay the moment you export them. When building autonomous software, background crons, and AI pipelines, showing real code, live telemetry, and transparent case studies matters far more than listing bullet points.
Stack Selection: Next.js 16 & Tailwind v4
I wanted extreme speed, zero layout shift, and minimal bundle size. I chose Next.js 16 (App Router + Turbopack) paired with React 19 and Tailwind CSS v4. By default, all pages are pre-rendered at build time (SSG) with React Server Components.
@theme inline {
--color-bg: var(--bg);
--color-surface: var(--surface);
--color-border: var(--border);
--color-accent: var(--accent);
}The Design System & Theme Tokens
Rather than relying on ad-hoc gray utilities, the entire site is driven by a 7-token design system in globals.css. Switching themes is instantaneous and handled cleanly through useSyncExternalStore without cascading renders or hydration flicker.
Website Autopilot: The Site That Monitors Itself
A personal website often rots silently — SSL lapses, broken external URLs, SEO regressions. To prevent this, I built Website Autopilot: a background health watchdog script that inspects status codes, content hashes, and SSL validity every 15 minutes, alerting me on Telegram only when an anomaly is detected.