Next.js

8편

푸시 알림을 붙이고 나서 초기 로딩이 눈에 띄게 무거워졌습니다. 이상한 건 알림을 안 쓰는 사용자도, 로그인조차 안 한 방문자도 똑같이 느려졌다는 점이었습니다. 알림 기능을…

React 프로젝트를 진행하면서 대부분 서버 패칭과 캐싱, 동기화 등 여러 작업을 좀 편리하게 하고 무한스크롤을 구현할때 대부분 많이 사용했었습니다. 하지만 Next.js에…

해당 프로젝트에는 댓글 기능이 있고 댓글이 달렸을때마다 팀원분들과 회의를 통해 push 알림을 줄 수 있게 개발하기로 결정했습니다. firebase을 통해 push알림을 구…

기존에 했던 프로젝트에서 next.js에서 지원하는 cookies를 사용해서 로그인을 구현했습니다. 하지만 로그인 직후의 client측에서 상태를 변화하는 것을 감지해야 c…

Next.js에서 Jest를 사용할때 RSC에 async를 붙일경우 에러가 발생하는 오류를 발견하였습니다. async를 붙이기전 async 붙인후 찾아보니 이는 react-…

React일 경우 저는 http-middleware-proxy을 이용한 방법을 자주 사용했습니다. Next.js에서는 다른 방식을 사용해야 했습니다. next.js에서는 n…

Next.js를 사용하다보면 React 라이브러리를 설치해서 해당 컴포넌트를 사용하게 될때 SSR를 지원하지 않는다면 오류가 발생합니다. 이것은 Next.js가 SSR 기반…

Next.js 가장 최신인 14 버전을 사용했고 Toast ui는 @toast-ui/react-editor 3.2.3 버전을 사용했습니다. Next.js로 모든 세팅이 끝난…