limgyumin / NextJs-Example

⚙ NextJs와 Redux를 함께 사용해보자!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

개요

NextJs에 대한 기본적인 이해와 실제 사용법, 그리고 Redux와 Styled-Components와 같이 다른 라이브러리와 함께 사용할 때의 설정법을 익히기 위한 예제 프로젝트.

무엇을 배웠는가?

  • NextJs의 서버사이드 렌더링 개념 및 사용법에 대해 알게되었음.
  • NextJs를 Redux와 사용할 시에 요청마다 새로운 redux store를 생성하는 문제를 해결하고 getServerSideProps에서 redux store에 접근하기 위해 next-redux-wrapper 라이브러리를 사용해야함을 알게되었음.
  • NextJs를 Styled-Component와 사용할 시에 Client Side와 Server Side의 classname 차이로 인한 이슈를 .babelrc 설정을 통해 해결할 수 있음을 알게되었음.

About

⚙ NextJs와 Redux를 함께 사용해보자!


Languages

Language:TypeScript 99.7%Language:JavaScript 0.3%