Example Next Js with SSR, SSG and CSR rendering

You can see the docs on Data Fetching Overview meaning between those 3 rendering method

For SSR method, I add 2 condition, where it get Api from public and api local next js, open the Network inspect to see the different And Also For the CSR method, I add two condition, when it's using React-Query and not

See the hosted project