Sivunlatauksen yhteydessä hetken näkyvä epätyylitetty sisältö

fleebeee / kurssiarkisto

Kurssiarkisto, project for CS-E4400 - Design of WWW Services in Autumn 2016

1 stars 0 forks source link

Sivunlatauksen yhteydessä hetken näkyvä epätyylitetty sisältö #21

Closed fleebeee closed 7 years ago

fleebeee commented 7 years ago

Kun sivun lataa ensi kertaa, CSS ei lataudu heti, vaan esim. Kurssiarkisto-logo näkyy isona. Ongelma johtuu siitä, että styled-components ei tajua toimia serveripuolella, ainakaan ilman jotain fiksejä.

Vaihtoehdot a) Korjataan asia mustalla magialla b) Vaihdetaan styled-components styled-jsx:ään

fleebeee commented 7 years ago

https://github.com/zeit/next.js/pull/405 Tämä voisi ratkaista ongelman

fleebeee commented 7 years ago

Ongelmaa on yritetty ratkaista lisäämällä _document.js jossa tyylit ladataan headissa suoraan