Next.js + styled-components #2011
-
|
Oi pessoal, estou com uma duvida sobre um problema que está acontecendo comigo. Criei um site simples chamado Github Profile, e ao acessar a pagina o css não está carregado ainda e é possível ver por alguns segundos o site sem estilização. O que pode estar acontecendo e como faço para resolver? Link do repositório: https://github.com/rhuangabrielsantos/GithubProfile Muito obrigado! |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 2 replies
-
|
@rhuangabrielsantos Testei aqui e está aparecendo normalmente... |
Beta Was this translation helpful? Give feedback.
-
|
você ta fazendo o build do conteúdo para mandar para o servidor? |
Beta Was this translation helpful? Give feedback.
-
|
O Build está sendo feito diretamente pelas configurações da vercel, o comentário do @hmhallak solucionou o meu problema, mas obrigado! :) |
Beta Was this translation helpful? Give feedback.
-
|
Dá uma olhada aqui na documentação do styled-components: https://styled-components.com/docs/advanced#nextjs
Vc só precisa adicionar um arquivo em pages/_document.js com o código de exemplo para habilitar o server side rendering com o styled-components. Link do arquivo de exemplo: https://github.com/vercel/next.js/blob/master/examples/with-styled-components/pages/_document.js |
Beta Was this translation helpful? Give feedback.
-
|
Muito obrigado @hmhallak !! É exatamente isso! |
Beta Was this translation helpful? Give feedback.
Dá uma olhada aqui na documentação do styled-components: https://styled-components.com/docs/advanced#nextjs
Vc só precisa adicionar um arquivo em pages/_document.js com o código de exemplo para habilitar o server side rendering com o styled-components.
Link do arquivo de exemplo: https://github.com/vercel/next.js/blob/master/examples/with-styled-components/pages/_document.js