CSS-in-JS no NextJS
No NextJS, também é possível utilizar a abordagem CSS-in-JS. Nesta abordagem, o código CSS é escrito diretamente no arquivo do componente. Você já encontrou essa abordagem no tutorial de React na lição sobre Styled Components.
Existem várias bibliotecas para a abordagem CSS-in-JS em React. Você pode aprender sobre como configurá-las na página de documentação do NextJS sobre CSS-in-JS.
Aplique Styled Components no seu projeto.