Critical bug in NextJS v14.2.7 - renders page source code instead of components

[billypap1]

Summary

I have created my app in NextJS (v14.2.7) with App Router and I have deployed it (dockerized) in App Platform Digital Ocean.

At random times it shows in the browser the following instead of the page:

It's like it prints the page source code instead of running it. It's the same bug as it was in v13.4.5
I don't receive any error in Sentry and there isn't any issue in dev mode.

[icyJoseph]

IIRC this is an issue with how your server is configured. It is caching requests with an RSC query (lowercased), as if they were the actual path.

You need to make your CDN, or however your stack is built, to differentiate requests with their query parameters.

This has been reported and fixed before. I can try to post a few links to issues on this repository.

[billypap1]

Unfortunately I don't have access to Digital Ocean App Platform's Cloudflare CDN. I turned off my cloudflare CDN and it's active only Digital Ocean's.

The new headers I get are the same but with this change:
cf-cache-status: HIT and it's not DYNAMIC.

[billypap1]

@icyJoseph I tested only with Digital Ocean's Cloudflare CDN and I get the same issue. Maybe app platform is not suitable for NextJS?

[icyJoseph]

Read here maybe? #49130

I'd be surprised to learn that, this is not a known fixable issue

[billypap1]

So is this entirely a CDN issue and not internal to NextJS? The only solution is to migrate to an other provider.

[Hyferion]

I'm having the same issue with DO App Platform. I contacted support and they told me they do not have a solution for it.

Is there anything new on this, or is the only solution to switch provider?