Build Log
A public record of building this site from scratch — learning agentic development along the way.
Built homepage layout at /home — hero, selected work, experience & education. Refined typography: Fraunces wt 300, letter-spacing, line-height. Tags with accent colors. Nav switched to mono font. Set up MDX blog system with prose styling. Added footer. Fixed contribution graph timezone.
Built Header component with nav (work · notes · now · readme). Lowercase editorial labels, sage accent hover with underline animation. Nav links disabled until pages are ready. Applied to all pages via layout.tsx.
Updated color system to final design language — cool off-white, blue-black ink, ink opacity scale, sage accent. Set up Claude Code for bulk changes. Made build log the homepage. Moved actual homepage to /home.
Refined contribution graph: streak-based tracking, adaptive tooltip with collision detection, auto-fill grid width. Learned useState, useLayoutEffect, and useRef.
Added contribution graph to build log page. Connected custom domain ankitmandal.tech to Vercel.
Added fonts to project. Created public build log page at /log for accountability. Linked it from homepage.
Type system finalized — Fraunces for display, Lora for body, Geist for UI. Updated Typography component with font prop.
Dev environment set up on Windows PC and MacBook. First deploy to Vercel. Built Typography, Container, and Button components. Design tokens system created.
Project planning complete. Tech stack finalized — Next.js, TypeScript, Tailwind CSS.