Next.js + CSS ModulesでFOUC(CSSの適用遅れによるちらつき)が発生したときの暫定対策

関連記事

Next.js + CSS ModulesでFOUC(CSSの適用遅れによるちらつき)が発生したときの暫定対策

Next.js v10.0.6時点の情報です。最新の情報はこちらのIssueを追うのが良さそうです。 https://github.c...概要を表示 Next.js v10.0.6時点の情報です。最新の情報はこちらのIssueを追うのが良さそうです。 https://github.com/vercel/next.js/issues/18769 Next.jsに根本的な原因があるかどうかはまだ確認できていません 発生していた問題 はじめて https://zenn.dev を読み込んだときに、一瞬スタイルがあたっていない状態で表示されてしまう問題が発生していました。 いわゆるFOUC(Flash of unstyled content)と呼ばれる現象です。少し遅れてスタイルがあたるため、ちらつき・がたつきが生じてユーザー体験がよくありません。 ちなみに発生する条件は以下です。 Next.js で CSS Modulesを使用(styled-componentsでは問題なし) 後述のIssueではstyled-jsxでも同じ問題が報告されて

• css
• あとで読む

ブックマークしたユーザー

• techtech05212024年04月16日 techtech0521
• little_dove11022021年02月12日 little_dove1102
• h_notsu2021年02月12日 h_notsu
• kght61232021年02月12日 kght6123
• yk56562021年02月12日 yk5656
• machupicchubeta2021年02月12日 machupicchubeta
• Maricom2021年02月11日 Maricom
• hkmn2021年02月11日 hkmn
• klim08242021年02月11日 klim0824
• sabinezu2021年02月11日 sabinezu
• kuyo2021年02月11日 kuyo
• Hiro_Matsuno2021年02月11日 Hiro_Matsuno
• mstk_knife2021年02月11日 mstk_knife
• bayaread2021年02月11日 bayaread
• kimizuka2021年02月11日 kimizuka
• ant_mugi2021年02月11日 ant_mugi
• shimpeiws2021年02月11日 shimpeiws
• puzzeljp2021年02月11日 puzzeljp