Case studiesCooking education

YesChef: connecting cooking content to a personalized viewing experience

YesChef’s cooking classes needed a product experience that helped viewers find and return to the lessons they wanted. Shahzaib’s work covered the frontend, onboarding and recommendation surface around that content.

Business
YesChef
Sector
Cooking education
Scope
Frontend, onboarding and recommendations
Contributor
Shahzaib
Editorial illustration: a charcoal chef's pan with an orange spatula on a stone block
AI-generated editorial illustration of the project’s domain.

A content catalog needed to help each viewer choose what comes next.

A library can attract attention with its content, but the application still has to help someone decide what to watch. The next useful lesson differs by taste, interest and earlier viewing.

That discovery experience also has to lead smoothly into video playback across devices. Onboarding, recommendations and the player belong to the same journey.

Connect browsing and recommendations to the viewing experience.

The Next.js and React frontend supported browsing and watching classes across devices. Performance work addressed the experience around the video content.

Onboarding collected taste preferences, and the recommendation surface personalized the next lessons a viewer saw. TypeScript and Cloudflare were part of the supporting application and delivery stack.

What the workflow includes

  • Browse and watch cooking classes across devices.
  • Collect preferences during onboarding.
  • Present personalized lesson recommendations.
  • Connect discovery and playback in the frontend.

The frontend carried a cook from discovery into a relevant lesson.

The engineering connected the catalog to a more personal discovery and viewing flow. The delivered scope covered what viewers saw before a lesson as well as the interface through which they watched it.

What this means for the technology owner.

Content products depend on the relationship between catalog metadata, personalization and delivery infrastructure. A replacement team needs to understand those dependencies and the account access behind them. Maintaining that map makes it easier to change the frontend without losing the viewing journey.

The technology ownership checklist →

Next.jsReactTypeScriptVideo streamingRecommendationsPersonalizationCloudflare

Project contribution: Shahzaib. The scope described above identifies the work behind this case.

Editorial review: Ego Eimi · Updated September 6, 2026 · About the team

Your technology

Start with the business

Your business depends on it.

Tell us which system matters, what has changed and who controls it. We will define a reviewable next step. Read Foundation and the commitments and evidence.