css-in-js
-
Nextjs 13에서 stylex 사용하기 / stylex란?FrontEnd/Next.js 2024. 3. 27. 18:59
보통 CSS-in-JS는 서버컴포넌트에서는 지원이 안돼서 style component를 사용하기 위해 babel을 사용하는 방법이 있는데, NextJS 13부터 app router 구조로 바꾸면서 기존 방법이 불가능해졌다. ("use client"를 선언하고 사용하면 가능하지만, css를 위해 서버컴포넌트를 포기하고싶지는 않았다.) 그래서 무작정 globals.css에 모든 css를 작성했다.(module.css는 개발자모드와 css를 비교하면서 오류잡기가 힘들어서 사용하지 않았다.)하지만 모든걸 global.css 파일에 작성하다 보니 수정하고 관리하는게 너무 힘들었다. stylex 란?nextjs 13 + 서버컴포넌트에서도 사용 가능한 CSS-in-JS 를 찾아보다가 stylex를 알게돼었다.styl..