# Next.js Practical Introduction: Styling and Theming **URL:** \ **Category:** Blog Discussions\ **Tags:** react, javascript, nextjs\ **Created:** [July 23, 2019, 5:07pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397 "2019-07-23T17:07:11Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![ramiro](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/ramiro/32/8077_2.png) [@ramiro](https://community.auth0.com/u/ramiro)\ **Post date:** [July 23, 2019, 5:07pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/1 "2019-07-23T17:07:11Z")
In this tutorial series, you’ll be provided with a practical introduction to how Next.js can help you build web applications. [Part 2: Styling and Theming](https://auth0.com/blog/next-js-practical-introduction-for-react-developers-part-2) Brought to you by @dan-auth0 👨🏻‍💻 ![](https://global.discourse-cdn.com/auth0/original/2X/a/ae35edce19e64c53e5d455b22e8a2c82d093d4c9.png) ---
**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\ **Post date:** [July 24, 2019, 10:31am UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/2 "2019-07-24T10:31:33Z")
Let us know if you have any questions regarding that! ---
**Author:** ![Akshay-pal](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/akshay-pal/32/21515_2.png) [@Akshay-pal](https://community.auth0.com/u/Akshay-pal)\ **Post date:** [May 26, 2020, 7:15am UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/3 "2020-05-26T07:15:22Z")
Hi team, I am applied your strategies on my project, I implemented layout directory then created layout.js and want to import Layout.scss but it’s generating issue as: **index.js:1 ./components/layout/layout.scss** **Global CSS cannot be imported from files other than your Custom . Please move all global CSS imports to pages/\_app.js.** **Read more: [css-global | Next.js](https://err.sh/next.js/css-global)** **Location: components/layout/header.js** any idea how it will resolve? ---
**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\ **Post date:** [May 26, 2020, 8:16am UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/4 "2020-05-26T08:16:43Z")
Hey there @Akshay-pal! I’m sure @dan-auth0 will be able to look at it once he’s online! ---
**Author:** ![dan-auth0](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@dan-auth0](https://community.auth0.com/u/dan-auth0)\ **Post date:** [May 26, 2020, 7:01pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/5 "2020-05-26T19:01:01Z")
Howdy, Akshay! I can look into this some time this week. I wonder if it could be related to the version of Next.js that you are using. What version are you on? ---
**Author:** ![jgrim](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/jgrim/32/21531_2.png) [@jgrim](https://community.auth0.com/u/jgrim)\ **Post date:** [May 26, 2020, 7:45pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/6 "2020-05-26T19:45:23Z")
@Akshay-pal try using SCSS modules. Current Next versions only allow you to import module styles into components. Check out [this section of the Next.js docs on CSS Modules](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) (and SCSS styles is right below that) ---
**Author:** ![dan-auth0](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@dan-auth0](https://community.auth0.com/u/dan-auth0)\ **Post date:** [May 26, 2020, 7:47pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/7 "2020-05-26T19:47:54Z")
Thank you for sharing this approach, Jonathan 💪 Akshay, let me know if that works, please 🙂 ---
**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\ **Post date:** [December 10, 2021, 8:55am UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/8 "2021-12-10T08:55:04Z")
---
**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\ **Post date:** [March 7, 2022, 2:01pm UTC](https://community.auth0.com/t/next-js-practical-introduction-styling-and-theming/28397/9 "2022-03-07T14:01:23Z")