Executando verificação de segurança...
1

[NEXT 13] Styled Components - Quando vai funcionar com SSR?

Quando vai funcinar junto?

Opa, tudo bom? Estou experimentando next13 e gostei mt proposta que eles trouxeram nessa atualização, simplesmente fantástico. Mas eu gostaria saber quando o Styled Components vai funcinar junto para componentes SSR.

Gosto muito da proposta do Styled Components, e nao gostaria de deixar de usar-lo. Sei da existencia de outras ferramentas similares, mas não vem ao caso dessa dúvida.

Meu ponto de vista, faz sentido?

No meu ponto de vista, se for para utilizar o Next13 com Styled Components, não faz tanto sentido assim, uma vez que todo componente que tiver estilização terá que usar "Use Client" no começo do arquivo. E se esse for o caso, é melhor utilizar o next 12, uma vez que ele é mais estável.

Eu sei que o Next13 ainda é experimental e tals, mas eu gostaria de saber quando ele vai funcionar com Styled Components de maneira "adequada".

Carregando publicação patrocinada...
2

Não vai funcionar tão cedo
Styled components precisa da context api para funcionar, e os server components não conseguem usar nem estados nem eventos de cliente nem contexto
Eu não cheguei a testar ainda, mas existe uma biblioteca chamada linária com uma api identica à api do styled components porém sem runtime, ele gera o css durante o build
É provável que ele funcione com os server components, basta adicionar a configuração e trocar o nome da importação

1
1

Você pode dar uma olhada também no VanillaJS, o vanilla é zero runtime e a syntax dele é bem semelhante ao styled, eu tive este mesmo problema e hoje estou bem vercatil nesta questão de bibliotecas css-in-js.