please elaborate what do you mean with "Server Delay"

When I first time open my website form a new device the fixed layout loads immediately but the data that requires api fetching keeps loading for 20 to 30 seconds and request doesn't reaches the server till this load, the is an nginx proxy on the same server that redirects the traffic based on subdomain ,
I think something is wrong with my api server or nginx because it happens for both react dashboard and next js app,
when it loaded first time the next reloads is done within milliseconds because of cache in browser, cloudflare and so
also when site is leaved idle for more than a mintue the same things happens again

do you have any suggestions or can help me with the config of all?

where is your database located and your hostinger server located?

like the region

the database is on the same server
don't know about the region

it not about the server location because when it is requested from Thunder Clinet it respondes with in 500ms

just check this if it works for you
https://jiallama.edu.pk

pretty fast for me

here is what I recommend you to do

how are you fetching data and stuff? like using server components or something else?

server for most
but interactives are client

use node:perf_hooks and add performance logs in your code to see what is being the bottle neck. I could only think of your hostinger server being too far away from you

It a good thought but i don't think the location is the matter, but I will try your suggestion of pref _hooks,

thank you so much for you time