Non Dairy Dude
A dairy-free recipe and substitution site for classic comfort food made without dairy, plus practical substitution guides.
- Next.js 15
- TypeScript
- Tailwind CSS 4
- Strapi 5
- Turborepo
- Vercel
- Railway
Non Dairy Dude is a recipe and substitution site for anyone cooking without dairy. It pairs classic comfort-food recipes with substitution guides that explain how to swap out cheese, butter, cream, and milk without losing the dish.
Recipe websites are typically awful. My aim with nondairydude.com is to deliver the best user experience possible for home cooks learning about dairy-free cooking. It's been interesting to learn that there are a lot of practical reasons that traditional recipe sites are so bad. From the endless author preambles you have to scroll through to the horrid pop ups and UGC widgets, they actually play an important role in SEO. The ads and in-line product linking are all pure monetization plays, though (which I am not above, to be clear).
The vast majority of legacy recipe sites are built on ancient web platforms and infrastructure. Archaic, bloated CMSs, media and UGC widgets, and ham-fisted advertising engines. Nondairydude.com is modern and performant. Each interaction has been considered and designed with the user in mind. There are some compromises that have been made for SEO, but good SEO is good UX as well.