Exploring and Using Styled JSX

In this lesson, we’ll explore Styled JSX, a built-in styling mechanism provided by default by Next.js.

If we don’t want to learn a new styling language, such as SASS or LESS, and want to integrate a bit of JavaScript into our CSS rules, we might be interested in Styled JSX. It’s a CSS-in-JS library (meaning that we can use JavaScript to write CSS properties) created by Vercel, the company behind Next.js. It allows us to write CSS rules and classes that are scoped to a specific component.