I have built a basic site in next.js and have deployed to vercel. For my vercel domain (https://sidequest-webapp-bitcwxquv-achuckas-projects.vercel.app/) my website works as expected. I then connected a custom domain which I registered on Porkbun to my vercel domain following the setup steps and am able to access the site at https://letssidequest.com/. However when I access the website through the letssidequest domain, unlike the vercel domain, the letssidequest.com domain does not appear to be loading the tailwind css assets or allowing for axios server calls to an outbound server on aws. Even just going to the 2 different links in the browser you can clearly see that things are not loading correctly and I am struggling to debug or figure out why!
This is my first nextjs webapp so maybe I am missing something but I find it weird that just the custom domain isnt working despite following all the setup steps correctly.
Thanks in advance!
To add, i saw some related posts and tested in incognito and the styles loaded properly, but why would this matter? How would my local browser impact my custom domain at all if its hosted elsewhere but not impact my vercel domain?
I have figured out the issue. It seems that my web browser (Google Chrome) was caching some assets from the website and I was able to fix this by pressing F12, going to the network tab, and checkboxing “Disable Cache”. So basically on my end the CSS was incorrect, but this was due to the browser, not the hosting site.
For anyone in the future that sees this, please check the browser caching first if your webapp does not appear correct