React & Mysql 트위터 만들기 - next.js & server side randering

npm i babel-plugin-styled-components // front
npm i swr // hook!! 로드할때 편함!! 서버사이드 렌더링도 된다, front
npm i moment // front - 날짜 라이브러리
npm run build //front
npm i @next/bundle-analyzer
npm i cross-env // .env 파일 개발/배포모드 , 윈+맥 다 돌아가게 하기 위해서

 

 

 

server side randering

처음 브라우저 접속햇을때 한번에 바로 벡엔드 서버로 가서 유저 정보 및 게시글 정보 받아와서 화면에 뿌려줌

즉, 요청 1번만 하면 되서 초기  로딩 속도가 빨라지는듯한, 컨텐츠가 빨리 보여지는 듯한 느낌을 준다.

서버사이드 랜더링의 주체는 프론트 서버가 백엔드 서버로 보내는것

(브라우저는 개입하지 않는다. 서버쪽에서 랜더링 된 이후에 랜더링 된 결과물을 브라우저에 보내주는것)

 

쿠키관련해서!!

브라우저 -> 백엔드로 데이터 보낼때 쿠키를 브라우저가 직접 담아서 보내준다.