react에서 Nextjs 마이그레이션

Question

Nextjs마이그레이션 작업을 진행할려고하는데, 
사실 막막한 부분이 여러가지가 있습니다.

첫번째는 CSS-in-JS인데 기존 react프로젝트의 styled-component로 제작되어 있는데, 제가 알기론 CSS-in-JS의경우 서버컴포넌트에선 현재 작동하지 않는걸로 아는데 보통 이럴경우 어떻게 진행하나요? 대체방안으로 따로 다른 CSS 라이브러리 등을 이용하는지 궁금합니다

두번째는 데이터 패치관련된 부분인데 Nextjs에서 fetchAPI 부분을 Nextjs에 맞게 캐시와 revalitate옵션을 제공해주는 형태로 제공해주는데, 기존에 프로젝트는 axios를 사용중인데 이것 또한 변경을 해야되는지 궁금하네요

현재 서버렌더링과 클라이언트 렌더링으로 나눠놓긴했는데 나누고보니 상당히 이슈가 많을걸로 예상되어 질문드립니다

강병진 · Answer

1. CSS-in-JS의 경우에는 nextjs에서 별도의 문서를 제공하고있어서 문서를 확인하셔서 작업하시면되고

https://nextjs.org/docs/app/building-your-application/styling/css-in-js

2. Fetch 관련해서는 vercel에서 공개한 기능들이 꼭 필요한 상황이 아니라면 axios를 그대로 유지하셔도 될 것 같아요. 만약 마이그레이션 하시고나서 서비스 운영하시다가 axios가
너무 불편해서 바꿔야겠다는 생각이 드는게 아니라면 무리해서 변경하실 필요는 없을 것 같습니다!