Bookmark

Engagement

Add bookmark/save functionality to any content. Users can save items to their personal collection.

@prisma/client@prisma/adapter-pgpgdotenvzustandlucide-reactprisma@types/pg

9 files generated

Install via CLI

npx feature101@latest add bookmark

import { BookmarkButton } from '@/features/bookmark'

<BookmarkButton userId="user_123" targetId="post_456" targetType="post" />

Prop	Type	Default	Description
`userId`*	`string`	—	ID of the user bookmarking the content.
`targetId`*	`string`	—	Unique ID of the content being bookmarked.
`targetType`*	`"post" \| "article" \| "video" \| "product" \| "repo"`	—	Type of content being bookmarked.
`initialBookmarked`	`boolean`	`false`	Start as already bookmarked.
`className`	`string`	—	Custom CSS classes for styling.

File layers:clientui componentzustandhook / storeserverserver actionprismaprisma model

Pro Feature

Get access to this feature

One payment. Every feature. Forever. License key delivered instantly.

No subscription · You own the code

Add like/unlike feature to any content with optimistic updates and real-time counts.

Add follow/unfollow functionality to user profiles.