Next.js v15 — Choosing Between Client and Server Components to Optimize Vercel Hosting Costs [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 4 days ago.

Improve this question

I'm developing a dashboard application using Next.js v15.5, and I plan to host it on Vercel. As with most cloud platforms, estimating costs accurately is crucial.

Right now, I'm trying to decide whether the majority of my components should be server-side or client-side. Here’s what I’ve considered so far:

If I choose mostly Server Components:

• Higher Function Invocations: Since RSC payloads can't be cached on the Vercel CDN, the number of server function invocations will likely be higher.
• No extra CPU charges during wait time: Vercel uses Active CPU pricing, so I won’t be charged extra CPU time while waiting for database queries or third-party operations to complete.
• Edge Request costs unclear: I’m not sure whether I’ll be charged Edge Request fees for cache misses. My understanding is that Edge Request costs are higher than Function Invocation costs.

If I choose mostly Client Components:

• Better CDN caching: Payloads can be cached on the CDN. For cached responses, I’ll only pay Edge Request fees and won’t incur Function Invocation costs.
• Potentially higher data transfer costs: Since requests will be made from the client side, I may need to pay for Fast Data Transfer.

My Questions:

• Are there recommended best practices for balancing client and server components in Next.js to reduce hosting costs on Vercel?
• Are my assumptions about Edge Request and Function Invocation costs correct?
• How do experienced developers approach this trade-off in real-world scenarios?

Note:

• Since this is a dashboard application, SEO is not important.
• Keeping the costs minimal is priority

Thank you for your help!

• Peppermintology: Have you performed any sort of analysis on costs or other metrics as things stand? You might find cost optimisation is the wrong focus.
• Mark Rotteveel: This question seems to have been generated or "improved" with help of ChatGPT or another AI. Please be aware that using LLMs or other AIs to generate content is not allowed.
• Ali Eren: I didn't perform any sort of analysis yet. I'm not sure about how can I measure edge request invocation or other metrics per session.
• Ali Eren: Also @MarkRotteveel i didn't use ai to generate this question. I just used DeepL to fix my English vocabulary that's all (which is a translation service).
• Mark Rotteveel: @AliEren DeepL is using AI. And it did more than just translate your question, it structured it for you.