Hello. Today we faced DDoS attacks, and this forced us to look for reasons why the site went down so quickly. It turned out that it can't handle more than 500 RPS if we fetch data on the server and pass it to a client component (for example, fetching the list of AI models in the server-side Navbar and passing it to the client-side Search component). As soon as we started fetching data on the Search component's side via Server Actions, the RPS increased to about 2500.

Why does this happen? We're using NextJS 16, pre-rendering, and caching via "use cache". I thought that fetching data in a server component and passing it to a client component one was a normal practice.

Can you help with this?