Intermediate · 1–2 days
Portfolio with headless CMS sync
A personal site that is easy to update without redeploying from vibes alone.
Milestones
- Project grid + case study pages
- Content source (CMS or MD)
- SEO meta per page
- Deploy pipeline
Starter prompt
Brief Build a portfolio site with project cards and detail pages. Content should be editable without rewriting components. Strong typography, fast LCP, accessible images with alt text.
Constraints Keep scope finishable. Document env vars. No secrets in client code. Prefer accessible UI. List assumptions at the end.
Hardening notes
- Optimise images
- No secrets in front-end CMS tokens if public
- 404 and empty content states
Full checklist: Production reality & hardening.