Live Next.js · Gemini · Supabase

Cookmark.

Cookmark keeps recipes from Instagram, TikTok, YouTube and recipe sites together as cards in one place.

The problem
Saving a recipe from a reel takes a second. Cooking it means finding the video again and copying the ingredients out by hand.
The solution
You hand Cookmark the link and it pulls out the ingredients with quantities and the method. You give it a quick check and save the card.
How I built it
I built Cookmark with my AI team. I made it a web app that you add to your home screen, with no app store involved. On Android it then shows up in Instagram’s share menu, and on an iPhone you copy the link across.
A Cookmark recipe card for penne all'arrabbiata with ingredients, three steps, a badge showing it came from a reel, and a note that Gemini read the ingredients and steps from the reel’s caption.

The recipe is usually under the video.

Plenty of cooks write the ingredients and method in the caption below the reel. Cookmark fetches that text, or for recipe sites such as Chefkoch the page itself, and turns it into the card, with times and servings.

Anything that’s only said out loud in the video won’t come through that way. In that case you can paste in the recipe text or upload screenshots, and Cookmark reads those too. When an import fails, the app tells you why.

In the kitchen the screen stays on.

Cooking mode keeps your phone from going to sleep and lets you tick off ingredients and steps. Search and your own tags help you find recipes again. You can pass a recipe on as a link, and anyone else using Cookmark can add it to their collection.

We use Cookmark at home. Visit cookmark.de without an account and a sample recipe shows you how it works.

/ tech decisions

Three decisions that mattered.

AI model

Gemini reads text and images

Gemini, Google’s AI model, does the reading in its small Flash-Lite version. If it’s overloaded or returns nothing usable, a second Gemini model takes over. Gemini works from text and images, such as the caption under a video, a transcript or a screenshot. Each person can make 40 AI calls a day.

Import

Where the recipe comes from

Many recipe sites carry the recipe as JSON-LD in their source code, a format meant for machines. Cookmark takes that as it is and translates it into German where needed. Only when it’s missing does Gemini read the page. TikTok supplies the caption and preview image through its official embed interface, YouTube the description and automatic subtitles.

Database

Supabase, and everyone sees only their own

Supabase is a hosted database. Row-level security (RLS) means the database checks who owns each entry and shows it to that person alone. You sign in with Google, and you only get in once I’ve approved your account.

See Cookmark live → Status   Live · in use

/ other apps