Next.js

리액트는..클라이언트..사이드..렌더링... 리액트를 처음 시작했을때 가장 많이 들었던 단어 중 하나가 CSR 인 거 같다.클라이언트 측에서 렌더링 되기 때무네 서버 부하가 적지만 SEO에 안 좋다 정도만 알고 있는데.. next.js로 넘어오면서 한번 정리를 해보고

는 리액트 기반의 프레임워크로 SSR을 지원하고 폴더 및 파일 기반의 라우팅을 지원한다. 컴파일과 번들링이 자동자동 리프레쉬 기능으로 수정하면 바로 화면에 반영서버사이드 렌더링 지원정적 파일 지원최초로 실행되는 파일페이지 전환시 레이아웃을 유지할 수 있다.페이지

Next.js는 SSR을 이용해 pre-rendering이 가능하다. getServerSideProps 이라는 함수를 사용하면 SSR을 사용할 수 있다.getServerSideProps을 통해 반환하는 데이터는 props 안으로 전달된다.

노마드 10주 리엑트 스터디 마지막 과제였던 Next.js 서버리스 SNS Tweety를 완성하게 되었다. 백엔드 지식은 전무하여 중간중간 포기할까 고민도 많았지만 결.국.엔 완성하여서 우수 졸업작품에도 이름을 올렸다..😭 (흰둥이 닉네임을 이렇게 오래 쓰게 될줄