/nextjs-tutorial

Next JS Tutorial입니다. 영화DB를 이용해 SSR을 구현하였습니다.

Primary LanguageTypeScript

NextJS Movie

Next JS 튜토리얼을 위한 레포지토리입니다.

  • themovieDB를 활용한 movielist 컴포넌트를 렌더링합니다.
  • Server Side Render를 도입하여 javascript가 로드되기전 화면을 더욱 빠르게 렌더링합니다.
  • api를 masking 하여 api_key를 은닉화하였습니다.
  • server에서 api 통신후 서버측에서 html을 렌더링하여 client측에 보내는 방식과, client측에는 일부의 데이터만을 보여주고, javascript 로드 후, ajax 통신을 통한 이후에 데이터를 화면에 렌더링하는 방식 두가지를 모두 구현하였습니다.