When I directly access the pages of my next.js website, they appear as strings of code without any errors in the Console (Chrome or Safari, with no cache). The functionality may or may not work normally when navigating from the homepage.
This is a Next.js 13 website using app router and deployed on a server (DigitalOcean).
1:HL["/_next/static/media/3876a0f72c3984e0-s.p.woff2",{"as":"font","type":"font/woff2"}]
2:HL["/_next/static/media/8a2807d88ac56020-s.p.woff2",{"as":"font","type":"font/woff2"}]
3:HL["/_next/static/media/d9b920ce8a984259-s.p.woff2",{"as":"font","type":"font/woff2"}]
4:HL["/_next/static/css/fdd13217d4859704.css",{"as":"style"}]
0:[[["",{"children":["soft-ice",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L5",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/fdd13217d4859704.css","precedence":"next"}]],["$L6",["$","meta",null,{"name":"next-size-adjust"}]]]]]
7:HL["/_next/static/css/92be51721d315283.css",{"as":"style"}]
...
The errors do not occur locally in development or build/start mode.
I have noticed that only the first page accessed after building on the server works correctly. Navigating from that page to others works fine, but accessing other pages directly does not.
Any suggestions on what could be causing this issue?
I initially suspected problems with layout.tsx caused by Navbar using useRouter and usePathname. I removed them, but it did not resolve the issue. I also tried wrapping Navbar in Suspension, but the problem persists.