Exploring and Using Styled JSX

Learn about styled JSX, a styling mechanism provided by Next.js

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.

Get hands-on with 1200+ tech skills courses.