YUpon further research looks like there's no non-hacky solution for the app router. Solved with the
nextjs-toploaderBut now running into the annoyance of the bar showing on every single route change even if the route load is instantaneous from cacheing.
FYou could use this https://www.npmjs.com/package/nprogress to „trigger“ the toploader yourself and just not trigger it if the site is cached or whatever
npm
Simple slim progress bars. Latest version: 0.2.0, last published: 9 years ago. Start using nprogress in your project by running
npm i nprogress
YHow do I check if the site has been loaded before though? not very clear in the nextjs docs
FI also didn’t find a good result but try to only trigger the loader if the page takes longer than … seconds to load
Ftry that
Yi've already tried nprogress before doesn't fix the fact I need to know when a page is loaded to stop it from triggering
Fcan’t you just check if a component is mounted and use that to check if the page is done loading?
Ki gotchu
KGitHub
Contribute to approximant/next-progress development by creating an account on GitHub.
K@Y7YA
Ylooks like a non-app router solution
FGitHub
Contribute to Audiu/next-progress development by creating an account on GitHub.
Fno guarantee that it works though
KOk mb
Yyeah already tried it also doesn't support app router
Ykinda crazy how there's no solution for this
Yfake loading bar on top makes the page feel slower even though its instant
Fhmmm.. that’s unfortunate
