Styled-components supports concurrent SSR (server side rendering) with stylesheet rehydration. The basic idea is that when your app renders on the server, you can create a ServerStyleSheet and add a provider to your React tree which accepts styles via a context API. This doesn’t interfere with global styles, such as keyframes or createGlobalStyle and allows you to use styled-components with React DOM’s various SSR APIs.
Porque você precisa conhecer o NEXT.jsComeçar projetos front-end pode ser um parto. Projetos React não são exceções. Você precisa configurar webpack, pensar na estrutura de pastas, nomenclatura dos componentes, etc, etc. E isso tudo fica mais difícil ainda quando você está começando no React, já que o ecossistema dele é imenso, ao mesmo tempo que o mesmo não possui nenhum tipo de padrão de desenvolvimento, deixando brechas para más decisões.