Logo on first visit, Loading Screen
Unanswered
Sun bear posted this in #help-forum
Sun bearOP
Hello, I'm trying to have a logo spin up on first load of the website only but I have a few issues with that :
1. it looks it will trigger every time I come back to home as the loader is on the root app directory
2. I need that logo to be on screen for a few seconds and my page doesn't take that time to load
3. If I find a way to make loading state last longer it might be bad for page load time and SEO, how to keep that into consideration ?
I've tried to set that component into a client side component, import it in the layout file directly, with a z index to max, I would wait for 3 seconds to make it not render. The problem is that the layout takes the page height and not just 100vh, and I cant use setTimeOut to change height when I want the full page to render.
Any suggestions ?
1. it looks it will trigger every time I come back to home as the loader is on the root app directory
2. I need that logo to be on screen for a few seconds and my page doesn't take that time to load
3. If I find a way to make loading state last longer it might be bad for page load time and SEO, how to keep that into consideration ?
I've tried to set that component into a client side component, import it in the layout file directly, with a z index to max, I would wait for 3 seconds to make it not render. The problem is that the layout takes the page height and not just 100vh, and I cant use setTimeOut to change height when I want the full page to render.
Any suggestions ?