Currently im using server actions for getting data due to how much easier it is than route handlers. I know you should only use this for writing data, however considering both use vercel function invocations, i dont see why using the quicker option would make any difference.

i currently user react-query to make fetches on the client. my app has only been live for around a month and I've already made 1.2mil function invocations, and i have no clue at all how to minimise these?

Example of how I fetch data on the client. I do most the fetching on the client so i can have separate loaders (skeletons) for different aspects of the page.

const { data: trendingTags } = useQuery({
  queryKey: ['trendingTags'],
  queryFn: () => fetchTrendingTags({ limit: 8 })
})