[Next.js] 스타일 컴포넌트(Styled Components) 설정하기

package.json 스타일 컴포넌트(Styled Components) 설치 npm install styled-components ----- yarn add styled-components 바벨(babel) 설치 npm install --save-dev babel-plugin-styled-components npm install babe-preset-next ----- yarn add --dev babel-plugin-styled-components yarn add babe-preset-next .babelrc { "presets": ["next/babel"], "plugins": [ [ "styled-components", // https://www.npmjs.com/package/babel-plugin-styled-components/v/1.1.7 { "ssr": true, // 서버 측 렌더링 지원 여부 "displayName": true, // 클래스명에 해당 스타일 정보 ...

원문링크 : [Next.js] 스타일 컴포넌트(Styled Components) 설정하기