Build-In CSS Support (내장 CSS 지원)

Next.js를 사용하면 JavaScript 파일에서 CSS 파일을 가져올 수 있습니다.

이것은 Next.js가 import 개념을 JavaScript 이상으로 확장하기 때문에 가능합니다.

참고 링크

Adding a Global Stylesheet

import '../styles.css';

// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />}

Adding Component-Level CSS

import styles from './Button.module.css'

export function Button() {
  return (
    <button type="button" className={styles.btn} >
      Destroy
    </button>
  )
}

Sass Support