Styling (CSS, Sass, CSS-in-JS) – Learn Next.js

- CSS (Importing & Using)
- Sass
- Styled-Components
- Responsive + Mobile-First Design

Course Code:

–––––

[vvzfyfaub]

i absolutely love these videos from you, if i may add css/sass modules is also a good option. after watching this i'm considering css-in-js

[AnthWinter]

Great video. I need to check out Chakra!

[venicebeachsurfer]

would have been nice to show how to dynamically change Themes for styled components... how would you reflow the _app.js file to be able to get a new Theme.. maybe we have need for branding etc...

[Im_Ghani]

I also prefer styled-component when I have the choice, but unfortunately when you join a react/Next project that contains Sass I have to adapt to the specificity of the project
Thank you for the explanations !

[iamdeveloper]

can you upload a video about build and export? cannot export with css modules

[chris_and_music]

4:40 will that scss file be imported only in that component, or it will be imported globally?

[EcometalEngineeringLtd]

I can`s see anything about the responsive navbar. Why?

[greggsworld]

With modules, how do you target a html element that is out of scope from the component or page you are coding?
For example how do I target #__nuxt from one of my pages, now that I cannot import page specific css and cannot apply styling to that element via modules or jsx styles.

[MahmoudALSrouji]

Next.js comes now with a built-in support for CSS/SASS out of the box. No need for the next.config.js override or installing the legacy package.

[andrewredican]

Hey Lee. Your videos have great quality. Do you have a Patreon account?