Embarking on my inaugural journey to construct a website/documentation, I have delved into the realms of React and enlisted the assistance of docusaurus. However, upon reloading the site, an unsettling occurrence takes place for approximately 0.5 - 1 second where the css styles fail to manifest properly (refer to image below).
Upon receiving guidance, I uncovered that this peculiar incident is known as FOUC 'Flash of unstyled Content'.
Intriguingly, this anomaly solely manifests in production environments. Watch the video provided below: https://youtu.be/Zh2-1gtKOtI
The root cause could potentially be linked to the absence of styled components within the 'navbar', which appears intact despite its lack of styling modifications.
For those interested in exploring further, here is the codebase: https://github.com/agile-ts/documentation
https://i.sstatic.net/COkCA.png
Your insights and assistance are deeply appreciated ^^