Nextjs 13 at least at one point recommended using router.refresh()
to mutate data and revalidate if you let the user for example click a button in a client component that changes some data.
When I do this, the entire page flashes its unstyled content as the fonts are re-downloaded. I implement fonts in the official way, using next/font/google
. How do I avoid this FOUC? I've read that server actions act like an even bigger refresh, so they wouldn't work, would they?