# Styling Next.js with Styled JSX

DevFeed: [Styling Next.js with Styled JSX](<https://devfeed.tech/articles/styling-next-js-with-styled-jsx-3280.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/styling-next-with-styled-jsx>)

Published: 2019-03-28T12:50:30Z

Content type: tutorial

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Library](<https://devfeed.tech/topics/library.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [blog-post](<https://devfeed.tech/tags/blog-post.md>), [css](<https://devfeed.tech/tags/css.md>), [library](<https://devfeed.tech/tags/library.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>)

## AI overview

This tutorial explains how to use Styled JSX in Next.js to write scoped, component-level CSS. It covers global styles, layout components, external style files, one-off global selectors, and dynamic styling.

## Source excerpt

Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. This blog post will help you get started with using Styled JSX in Next.js.