Dot Programming/React ∙ Next.js
2021. 1. 11.
[Next.js] CSS(styled-components) 서버사이드 렌더링(SSR)
Next.js CSS 경고 : Warning: Prop `className` did not match SEO최적화를 위해 Next로 SSR을 하는 경우 styled-components와 같은 CSS styling이 새로고침하는 경우 작동이 안되는 에러가 있다. 이는 CSS가 SSR이 안되었기 때문인데, console에 아래와 같은 warning이 발생한다. Warning: Prop `className` did not match CSS(styled-components) 서버사이드 렌더링(SSR) Next Babel 커스터마이징하기 Next내부에도 Webpack과 Babel이 있는데 Babel을 커스터마이징해서 CSS를 SSR해주면 된다. 1) babel-plugin-styled-components 설치 $..