[Korean FE Article] Next.js 와 React Router로 싱글 페이지 애플리케이션 만들기

글 링크: https://github.com/yeonjuan/dev-blog/blob/master/JavaScript/building-a-spa-with-nextjs.md

소개

이 글에서는 Next.js 와 react-router-dom 을 이용해 SPA를 구성하는 방법에 대해 소개합니다. 일반적으로 Next.js를 사용하는 경우 내장된 라우터만 사용하는데요. 최근 저는 서비스의 특별한 이유로 react-router-dom 과 내장된 라우터를 같이 사용해야만 했고, 프로젝트를 구성하는데 이 글에서 도움을 받았습니다. 저와 같은 문제를 겪으시는 분들에게 도움이 되었으면 좋겠습니다.

목차

• 왜 Next.js의 라우팅을 사용하지 않나요?

• 왜 Next.js를 사용하나요?

• 구현

• Browser history needs a DOM

• Hydration Failed

• 404 Page Not Found

• 클라이언트 사이드 렌더링과 서버 사이드 렌더링 혼합하기

• 정리