recipes, examples, and more by stopachka · Pull Request #2388 · instantdb/instant

stopachka · 2026-03-19T01:19:18Z

Examples https://instant-www-js-roar2344-jsv.vercel.app/examples
Recipes https://instant-www-js-roar2344-jsv.vercel.app/recipes

Main changes

Recipes
- Logic: I updated it so we don't create iframes for examples anymore.
  - Instead, I create separate db instances. We make N instances, where N is the maximum number of preview windows in a single code example
    - To make this work, we add an extraDedupeKey to our logic for deduping init
- Logic: Instead of repeating hide and show per example, I moved most of the repetitive logic into a single transform.
- UI: I made the UI warmer, and updated the UIs for each example to be nicer looking
  - I also used facehash, to generate little images for unique ids, rather than showing unique ideas in the avatar stack and typing indicator
Examples
- UI: I made the UI warmer, and align more with our current style. I also made the show page more similar to our current essays page

Smaller fixes

Added Simon's testimonial

@dwwoelfel @nezaj @drew-harris

coderabbitai · 2026-03-19T01:19:26Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 0a4d51ed-0e20-44d1-9fdb-a4886ab9ead7

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch roar2344

📝 Coding Plan

Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2026-03-19T01:24:55Z

View Vercel preview at instant-www-js-roar2344-jsv.vercel.app.

These are no longer standalone Next.js pages — they'll be rendered inline on the recipes page instead of in iframes.

…sh avatars - Replace iframes with inline React components using shared db instances (one per preview column via __extraDedupeKey), reducing WebSocket connections from 8*N to just N - Add useRecipeDB() context so recipe components get db without prop threading - Auto-transform recipe code for display: strips useRecipeDB/imports, injects init() boilerplate, so recipe files are clean real code - Use CSS Grid + absolute positioning for code editor to match preview height - Add facehash avatars via /api/avatar route for cursor/typing/avatar recipes - Use 16:10 aspect ratio for preview panels (laptop-like)

client/packages/core/src/index.ts

client/www/app/api/avatar/route.ts

client/www/lib/recipes/3-cursors.tsx

client/www/lib/recipes/4-custom-cursors.tsx

client/www/lib/recipes/5-reactions.tsx

client/www/lib/recipes/7-avatar-stack.tsx

client/www/pages/examples/index.tsx

client/www/pages/recipes.tsx

client/www/lib/recipes/1-todos.tsx

client/www/lib/recipes/4-custom-cursors.tsx

dwwoelfel

Couple of comments about making the recipes portable, but LGTM!

client/www/lib/recipes/4-custom-cursors.tsx

stopachka temporarily deployed to Preview March 19, 2026 01:19 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 16:43 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 16:50 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 16:59 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 17:03 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 17:14 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 17:30 — with GitHub Actions Inactive

stopachka added 3 commits March 19, 2026 10:32

Move recipe files from pages/recipes/ to lib/recipes/

c4604a0

These are no longer standalone Next.js pages — they'll be rendered inline on the recipes page instead of in iframes.

roar

3c98a3b

stopachka force-pushed the roar2344 branch from 7d20c2b to 3c98a3b Compare March 19, 2026 17:34

stopachka temporarily deployed to Preview March 19, 2026 17:34 — with GitHub Actions Inactive

stopachka commented Mar 19, 2026

View reviewed changes

client/packages/core/src/index.ts Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/app/api/avatar/route.ts Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/3-cursors.tsx Outdated Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/4-custom-cursors.tsx Outdated Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/5-reactions.tsx Outdated Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/7-avatar-stack.tsx Outdated Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/7-avatar-stack.tsx Outdated Show resolved Hide resolved

roar

fd3df15

stopachka temporarily deployed to Preview March 19, 2026 18:31 — with GitHub Actions Inactive

stopachka commented Mar 19, 2026

View reviewed changes

client/www/pages/examples/index.tsx Outdated Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/pages/examples/index.tsx Show resolved Hide resolved

stopachka commented Mar 19, 2026

View reviewed changes

client/www/pages/recipes.tsx Outdated Show resolved Hide resolved

roar

d5d6d01

stopachka temporarily deployed to Preview March 19, 2026 21:18 — with GitHub Actions Inactive

roar

3341eeb

stopachka temporarily deployed to Preview March 19, 2026 21:26 — with GitHub Actions Inactive

roar

c6161a1

stopachka temporarily deployed to Preview March 19, 2026 21:30 — with GitHub Actions Inactive

roar

e2cc062

stopachka temporarily deployed to Preview March 19, 2026 21:35 — with GitHub Actions Inactive

dwwoelfel reviewed Mar 19, 2026

View reviewed changes

client/www/lib/recipes/1-todos.tsx Outdated Show resolved Hide resolved

dwwoelfel reviewed Mar 19, 2026

View reviewed changes

client/www/lib/recipes/4-custom-cursors.tsx Outdated Show resolved Hide resolved

dwwoelfel approved these changes Mar 19, 2026

View reviewed changes

stopachka commented Mar 19, 2026

View reviewed changes

client/www/lib/recipes/4-custom-cursors.tsx Outdated Show resolved Hide resolved

roar

4478669

stopachka temporarily deployed to Preview March 19, 2026 22:00 — with GitHub Actions Inactive

sm

c1f1dbb

stopachka temporarily deployed to Preview March 19, 2026 22:07 — with GitHub Actions Inactive

stopachka temporarily deployed to Preview March 19, 2026 22:08 — with GitHub Actions Inactive

roar

66c60fd

stopachka temporarily deployed to Preview March 19, 2026 22:13 — with GitHub Actions Inactive

stopachka deployed to Preview March 19, 2026 22:13 — with GitHub Actions View deployment

stopachka merged commit 4a645ba into new-homepage-stopa-ideas Mar 19, 2026
28 checks passed

stopachka deleted the roar2344 branch March 19, 2026 22:29

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

recipes, examples, and more#2388

recipes, examples, and more#2388
stopachka merged 16 commits intonew-homepage-stopa-ideasfrom
roar2344

stopachka commented Mar 19, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Mar 19, 2026 •

edited

Loading

Review skipped

Uh oh!

github-actions bot commented Mar 19, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

dwwoelfel left a comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

stopachka commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai bot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

github-actions bot commented Mar 19, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

dwwoelfel left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

stopachka commented Mar 19, 2026 •

edited

Loading

coderabbitai bot commented Mar 19, 2026 •

edited

Loading