Next.js Discord

Discord Forum

why does my website flicker if i scroll too fast up and down the website when no content has changed

Unanswered
Chinese Alligator posted this in #help-forum
Open in Discord
Chinese AlligatorOP
I have a recording of a deployed website ( stage environment, if that matters ) that flicker when I scroll up or down. THE CONTENT IS NOT JUMPING. When I am at the bottom of the page and quickly scroll up to the top, the content that should be showing shows blank for a quick second then the content reappears.

The second website I try this on in the video doesn't have this problem or at least it isn't at noticeable.

You can try it yourself at stage.theplaygroundtravel.com/landing/product1

you can compare with this site
https://try.kettleandfire.com/bb/hg

5 Replies

Chinese AlligatorOP
May have found the culprit, just realized none of my pages are statically generated...
Chinese AlligatorOP
OK I just found the most annoying reason why all my pages are served dynamically. Its because in some way shape or form I check cookies to see if there is any active cart in session. However that is literally only a small button on the header that cares about that information. Since it does I have no options of having that route statically rendered?!

WTH! I cant even call a server action through the same route. Is this also an issue for anyone else, cause it really sucks when I think about it.
Chinese AlligatorOP
Thanks I didn’t think of grabbing cookies through client side.
Chinese AlligatorOP
Still with pre-rendered pages, I still get the same effect...