Next.js에서 styled-components 사용하기
next에서 css-in-js 방식인 styled-component를 이용하려면 몇 가지 설정이 필요하다. _document.js 설정 ssr시에 실행되는 파일인 _documents.js에 styled-components의 스타일 코드를 추출하는 로직을 추가한다. 공식문서를 참고해서 아래와 같이 getInitialProps method를 작성한다. import Document from 'next/document' import { ServerStyleSheet } from 'styled-components' export default class MyDocument extends Document { static async getInitialProps(ctx) { const sheet = new ServerS..
