Hi! I've got a list of posts which I want to display as a list. The user can then click on a given post, and a bunch very granular, editable, information will be displayed (so post information will be required quite deep down the tree)

If I load the list up front, caching seems like it would only prevent me from needing to refetch the entire list, so when I'm in an individual element my options are
- Prop drilling
- Run a separate query on a per-post basis.
- Context

None of these seem like good options because
- Prop drilling is fine, but I have a few different data types like this on the same page, so will be difficult to manage
- The per post query feels very inefficient
- Context will lead to unnecessary rerenders

The only thing I can think of is creating a pattern in my server where I have a base "get all" function, and then build on top of that, where the "get all" function is recalled in every other function - something liket he below

export const getCachedPosts = unstable_cache(
    async (): Promise<post[]> => {
        const postPromise = prisma.post.findMany()
        const data = await Promise.all([
            postPromise,
        ]);
        const posts = data[0];
        return posts;
    },
    ['posts']
);

export async function getCachedPost(id: string) {
    const posts = await getCachedPosts();
    const post = posts.find((post) => post.id === id);
}