Next.js] 스타일링

NEXT.JS는 페이지별로 CSS가 겹치는것을 원천 차단하기위해
앱컴포넌트를 제외하고 CSS 모듈을 사용해야한다.

import styles from "./index.module.css";

export default function Home() {
  return (
    <>
      <h1 className={styles.h1}>index</h1>
      <h2 className={styles.h2}>dfd</h2>
    </>
  );
}

.h1 {
  color: red;
  font-size: 50px;
}

.h2 {
  color: blue;
}