Next.js 초기 세팅 패키지

하태현·2021년 4월 20일
1
post-thumbnail

위와 같은 기능이 필요 하신분은 참고하시면 좋을 것 같습니다.


Next초기세팅 소스코드


Next.js 초기세팅을 진행하다 보니, redux적용하는 법도 좀 어렵고, reactstrap, i18next 등등 라이브러리들을 적용하는데 제대로 되는게 하나 없었다.

typescript도 공부 한지 얼마 안되었고 redux-saga도 처음이고 i18next로 번역하는지도 처음 알게되었다.

인터넷에 자료가 상당히 많은데도 불구하고, 힘들었던점은 요구사항에 맞는 라이브러리들을 조합하여 사용해야 하는데 방법도 너무 다양했고 사실 이 방법이 맞는지도 잘 모르겠다.

이번에 초기 세팅을 진행하면서 최대한 많은 자료들 중 좋은 점 만을 가져와서 코드를 작성해 보려고 했다.

내가 초기 세팅을 하면서 힘들었기에 나와 같은 경험을 할 많은 분들을 위해 초기 세팅 패키지를 공유 하려고 한다.

많은 분들에게 도움이 되었으면 좋겠다.

적용한 기술 스택

  • Next.js
  • typescript
  • next-redux-wrapper
  • redux-saga
  • i18next
  • reactstrap

Github Repo (https://github.com/HTHstudy/nextjs-typescript-redux-saga-i18next)

profile
왜?를 생각하며 개발하기, 다양한 프로젝트를 경험하는 것 또한 중요하지만 내가 사용하는 기술이 어떤 배경과 이유에서 만들어진 건지, 코드를 작성할 때에도 이게 최선의 방법인지를 끊임없이 질문하고 고민하자. 이 과정은 앞으로 개발자로 커리어를 쌓아 나갈 때 중요한 발판이 될 것이다.

0개의 댓글