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

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/catnose99

32 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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でも同じ問題が報告されて

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

techtech05212024/04/16
little_dove11022021/02/12
h_notsu2021/02/12
kght61232021/02/12
yk56562021/02/12
machupicchubeta2021/02/12
Maricom2021/02/11
hkmn2021/02/11
klim08242021/02/11
sabinezu2021/02/11
kuyo2021/02/11
Hiro_Matsuno2021/02/11
mstk_knife2021/02/11
bayaread2021/02/11
kimizuka2021/02/11
ant_mugi2021/02/11
shimpeiws2021/02/11
puzzeljp2021/02/11

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx