리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다.
끝으로 검색엔진 최적화 후 AWS에 배포합니다.

제로초(조현영)

입문

초급

중급이상

리액트

React

리덕스

Redux

노드js

Node.js

익스프레스

Express

넥스트 제이에스

Next.js

[리뉴얼] React로 NodeBird SNS 만들기

Nextjs 11이 나와서 테스트해본 결과 문제 없이 잘 돌아갑니다. 그냥 올리셔도 됩니다.
Next-redux-wrapper 7버전이 나와서 사용 방법에 조금 차이가 생겼습니다. 그 부분만 바꾸면 돼서 큰 차이는 없습니다.
깃헙 레포지토리에 소스코드 만들어두었으니 확인해보세요.
<a href="https://github.com/ZeroCho/react-nodebird/blob/master/intersection/front/pages/index.js" target="_blank" rel="noopener noreferrer">https://github.com/ZeroCho/react-nodebird/blob/master/intersection/front/pages/index.js</a>
이미지 S3 업로드 후 리사이징 전까지 잠깐 이미지가 깨지는(때로는 오랫동안 깨지는) 현상이 있는데 이 부분은 다음 코드로 해결하시면 됩니다.
<a href="https://github.com/ZeroCho/react-nodebird/blob/master/intersection/front/components/PostImages.js" target="_blank" rel="noopener noreferrer">https://github.com/ZeroCho/react-nodebird/blob/master/intersection/front/components/PostImages.js</a>

Nextjs 11, next-redux-wrapper 호환 관련