HeadlinesBriefing favicon HeadlinesBriefing.com

Optimizing Vercel Project Card Layout

Hacker News •
×

Rauno's Field Notes #2 focuses on trimming Vercel Project Cards to save screen real‑space. By removing redundant data—like the always‑"main" branch—he cuts vertical space and adds a row to the grid, making cards easier to read.

A key change is the project‑cardՏ… button replaced by a context menu, tested behind a feature flag. The menu can be triggered from any part of the card, offering a cleaner UI versus 24×24 controls, while a dropdown in the detail view ensures discoverability for users.

Later, Rauno explored dynamic widgets to display diverse metrics such as LCP or firewall alerts. After trialing single‑row layouts with merycodes, he settled on two rows, creating distinct "characters" for each widget. The new layout reduces label collision and provides a tidy, tightly‑aligned corner area.

Finally, the widget switcher was tweaked: it previews data from other widgets without changing the card’s primary widget, giving a useful overview when data is missing and encouragingholm enablingushan features.