Next.js provides CSS-in-js using
styled-jsx, but we dislike it for several reasons. It’s not very intuitive to write styles that way, and it needs extra dependencies/configuration to work with nested components and such.
Instead, we use Emotion in this project, which allows writing components using either the
styled notation, or the
It’s strongly recommended reading the official documentation about how to use it.