728x90
반응형
용량줄이고 실서버에 최적화된 버전이 필요함!
▼아래에서 기본사항 만들었음 ▼
Next.js 13 : 설치와 실행
서버 사이드 랜더링 : 서버쪽에서 JS를 다운로드 => 브라우저는 완성된 html을 전달하기 떄문에 검색엔진 친화적임 => 다운로드 받고 웹페이지에 표시되니 사용자한테 빠르게 보여짐 Client Side Render
zerotonine2da.tistory.com
현재 개발자도구 - 네트워크 - 하단 : 6.7 MB resources를 사용하고 있음
=> 서버에서 클라이언트로 전송한 용량이 6.3MB나 된다는 것을 의미.
=> 큰 용량은 비효율적이고 보안에 문제가 될 수 있음.
[jsconfig.js]
1) dev: 개발 (현재 사용 : npm run dev)
2) build : 배포 ( npm run build) --> 실서버를 위한 배포판을 만드는 명령
3) start : 서비스 시작 --> 배포판을 서비스하기 위한 명령
* ctrl + c : 실행중이 ㄴ화면 끄기 ( npm run dev 종료)
실서버용으로 배포판 만들기 (용량 차이)
(1) npm run build => .next 폴더에 저장 (.next 폴더 : 개발 & 빌드 => 사용자들에게 서비스되는 내용이 저장됨)
(2) npm run start
▶용량이 확 줄어든 것을 확인 가능.
[출처] 생활코딩
반응형
'Next.js' 카테고리의 다른 글
| Next.js : backend (Json-server) | Server Component (0) | 2023.12.20 |
|---|---|
| Next.js : Single Page Application & 이미지 추가 & CSS (0) | 2023.12.19 |
| Next.js : Web tutorial 뼈대 + 라우팅 + 다이나믹 라우팅 (0) | 2023.12.19 |
| Next.js 13 : 설치와 실행 (0) | 2023.12.19 |
| Next.js (0) | 2023.12.18 |