서비스 리뉴얼 오픈을 앞두고 SEO 이슈가 있었다. 불과 며칠 전에 Next.js 13과 chakra 사이의 이슈로 보고 우회를 적용했었다. 그 이후에 (이제서야) Next.js의 모든 문서를 정독하고 근본적인 해결책을 찾았다. 인스타그램 같은 서비스는 이런 상황에 어떻게 SEO를 할까 궁금해서 코드를 열어보니 내부 콘텐츠는 하나도 없고 서버 사이드에서는 헤드의 메타들만 반환하고 있었다. 생각해 보니 우리 서비스도 그렇게 만들면… Continue reading
Next.js 13버전에서는 App Router라는 개념이 추가되었고, 13.4 버전부터는 해당 기능이 안정화되었고 기본값으로 활성화되었다. 가장 크게 달라진 점은 아무래도 서버 컴포넌트가 생겼다는 점이다. 문제는 이 점 덕분에 다른 써드파티 패키지들에 이슈가 많아졌다. 꽤 큰 규모의 디자인 시스템인 chakra ui도 Next.js 13의 App Router를 쓰는 경우 모든 컴포넌트에 ‘use client’를 사용하여 클라이언트 컴포넌트로 강제해야 했다. (기본적으로 모든… Continue reading