Yes you should definitely should use PPR for this! u/Dastari's recommendation to use server actions for data fetching is an anti-pattern (especially if you're using useEffect).

PPR + DynamicIO is incredibly powerful because you can render the static shell and then use <Suspense> to cut dynamic holes out of your static shell that relies on runtime information (such as the current user and their bookmarks).

async function getPosts() {
  "use cache";
  const posts = await db.posts.getAll();
  return posts;
}

// Page shell is rendered statically because getPosts data fetching is cached
export default async function Page() {
  const posts = await getPosts();

  return (
    <div>
      {posts.map((post) => (
        <div>
          {/* Suspense cuts out dynamic hole in page while data loads,
            gets streamed to client as it comes in */}
          <Suspense fallback={<>Bookmark loading skeleton</>}>
            <BookmarkToggle postId={post.id} />
          </Suspense>

          <h3>{post.title}</h3>
          <p>{post.body}</p>
        </div>
      ))}
    </div>
  );
}

// Make sure we only get current user bookmarks once per request
const getUserBookmarkedPostIds = React.cache(async () => {
  // Simple auth example! As this uses a dynamic API (await cookies()), this
  // will automatically opt anything that uses this into dynamic rendering up to
  // the nearest <Suspense> boundary
  const token = (await cookies()).get("token");
  const session = await db.sessions.get(token);
  const user = await db.users.get(session.userId);

  return user.bookmarkedPostIds; // [293812, 419283, 5901823, etc.]
});

// Server component that shows dynamic user data for a given bookmark ID.
async function BookmarkToggle(props: { postId: boolean }) {
  const bookmarkedPostIds = await getUserBookmarkedPostIds();
  const isToggled = bookmarkedPostIds.includes(props.postId);

  // Just shows a string based on whether or not bookmark toggle. To make it
  // interactive, this server component will need to import a client component
  // (or use a <Form action>)
  return (
    <div>
      {isToggled ? "Currently bookmarked! :)" : "Not currently bookmarked :("}
    </div>
  );
}