Edit: Seems like a hydration error? I don’t see errors locally but in prod, i see this: Error: Minified React error #423; Just weird that it loads fine in dev.

I have a page currently deployed using Vercel but there is a strange issue when visiting the page for the first time.

Here is the order of what happens:

1. I input the URL and the page loads without assets. (I am okay with this. This is not the issue).
2. Navbar logo loads in.
3. Hero image loads in.
4. Whole page disappears except for the footer
5. Page returns back to normal.

(Also, when navigating to the page, it also appends /index.html to the end. Once the page returns to normal, its seemingly removed.)

This ONLY happens in production. On localhost and staging environments, everything looks the way it should look. On production, this only happens when you visit the page for the first time. Subsequent page refreshes don’t have this bug.

Below are screenshots with logos hidden of each step.

First time dealing with an issue like this and would love some pointers in the right direction. Not even sure how to google this bug so I appreciate the help.

Some other potentially relative info:

1. Using Contentful as a CMS.
2. Page is server rendered.

Images of steps:

1.

2.

3.

4.