Skip to content
All workVisit live site (opens in a new tab)

Nibbles with Nifa

Year
2026
Role
Engineering and product architecture
Stack
Next.js · TypeScript · Sanity · React
Nibbles with Nifa homepage with recipe and travel photography beneath the publication title.

Nibbles with Nifa is a recipe site where Nifa publishes what she actually cooks.

Context

I built the Next.js frontend and the Sanity content model, and Nifa writes and publishes the recipes. Drafts stay private until a recipe is ready, and the stills here come from a local development build.

Content-source diagram: production Sanity content passes through published and ready filters into public routes; local fixture content is rejected in production.

Give recipes a separate ready state.

A recipe moves from idea to cooked draft to ready. Quantities, timing, steps, authorship and image text become required at ready.

Editorial workflow diagram: a sparse recipe idea moves through a cooked draft and a strict ready gate before native publication makes it eligible for a public route.
Trust-boundary diagram: published, cacheable, indexable public routes are separated from signed, no-store, no-index authenticated preview routes.

Walkthrough

The clip opens on the Nibbles with Nifa homepage, moves through an example recipe and ends on an example article. No Studio session or unpublished Sanity content appears.

Next project

Waxlist