Quirks Mode issue

Help
2

Hey, @jovianclouder! Welcome to the Vercel Community :wave:

TIL about Quirks Mode. I learned that it is a legacy feature in web browsers that allows them to maintain compatibility with older web pages. When a browser operates in Quirks Mode, it emulates behavior from older versions of browsers, which can lead to unexpected layout and rendering issues. This mode is typically triggered when a proper DOCTYPE declaration is missing from the HTML document.

Could you try the following?

  • Ensure <!DOCTYPE html> is present at the top of your main HTML file or _document.js.
  • Review Vercel deployment logs for warnings or errors
  • Verify environment variables and configurations match between local and Vercel.
  • Use browser dev tools to check for failed requests or redirects.
  • Test in incognito mode or after clearing cache.
  • Ensure you’re using a stable, recent version of Next.js.
  • Check browser console for JavaScript errors beyond Quirks Mode warning.
  • Inspect any custom server-side code or _document.js file.
  • Deploy a basic Next.js app to isolate the issue.

Let us know how you get on!