목록next.js css-in-js (1)

FE PARADISE

[Next.js] Next.js13 App router에 styled-components 적용하기 / global style / registry.tsx

Next.js v13에서는 기존의 Pages Router와 달리 App Router 방식이 등장했다. 그리하여, 이에 따라 styled-components 설정 방식도 변경되었다. 기존 Page Router에서는 _document.jsx와 _app.jsx가 존재했으나 App router에선 사용하지 않는다. App router에선 lib/registry.jsx 와 app/layout.jsx를 사용한다. 💀 Page Router에서 styled-components를 사용하기 위한 설정 방식 //_document.jsx import { Fragment } from "react"; import Script from "next/script"; import { ServerStyleSheet } from "styl..
프론트엔드/Next.js 2023. 7. 11. 00:15
이전 Prev 1 Next 다음