Hey people! I have a question -- 🙋‍♂️ I hope I can ask this here.
I made a website, html, css, and a bit of js, using VScode and Git. I push it to Github, and then it's deployed using Vercel.

The website is password protected, using Vercel's environment variables I designed the landing page (index) with some assets (background.jpg, styles.css, and a font.woff2), and this is where you type the password to enter.

When I access the website on someone's phone, the landing page just looks like a raw html page. no assets rendering. After I type the password, and enter, and then go back to the landing page, it will render correctly.

My theory: before typing the password, the browser has no access to these assets, but once logged in, the assets will be cached, so it will work.

Can someone confirm me this? And how to fix it, I want these assets available "publicly" so that the browser can render them without password entered. Thx!!

.root/
├── assets/
│   ├── background.jpg
│   ├── banner.jpg
│   └── picuture.jpg
├── fonts/
│   ├── font.woff
│   └── font.woff2
├── js/
│   └── script.js
├── index.html
├── page1.html
├── page2.html
├── page3.html
├── styles.css
├── index.css
├── middlesware.js
└── vercel.json