• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 static build

static build

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #97826

    정은숙
    참가자
    npm run build 시에 특정 페이지는 static 하게 렌더링을 하고싶습니다.
    
    그런데 최상단에 page.tsx 나 layout.tsx 에서 fetch 혹은 cookies 를 사용하면 제일 상단에 있는
    화면 캡처 2023-09-13 171540
    이부분이 람다 기호로 바뀌면서 하위 페이지들이 전부 다이나믹 렌더링으로 변경됩니다.
    
    제가 궁금한점은 fetch 또는 cookies 같은 것들을 사용하면 자동으로 dynamic rendering 을 해준다면
    
    1. 기준이 page.tsx 에서 fetch를 사용하면 하위 page 는 모두 dynamic rendering 이 되는건가요?
    2. 최상단 layout.tsx 에서 로그인 여부와 다크모드 기능을 위해 cookies 와 fetch 를 사용하고 있는데 이런 전역레이아웃으로 보여줘야 하는 기능이 있으면 다이나믹 렌더링을 피할수 없는건가요?
    3. 만약 1번이 맞다면 하위 page 를 static rendering 이 가능하게 할 수 있는 방법은 없나요?
    
    코드 이것저것 지우고 빌드만 수십번 해봐도 답을 모르겠습니다..
     
    #97827

    정은숙
    참가자
    추가로 dynamic rendering 이 되는 페이지가 있다면 SPA 처럼 SEO 와는 거리가 멀어지는걸까요..?
    #97836

    codingapple
    키 마스터
    넴 하위경로는 다 dynamic 될걸요 
    다이나믹한 기능들어가면 페이지를 매번 다르게 그려줘야되니까 어쩔 수 없습니다 
    어짜피 서버에서 채울수있는 html은 미리 채워보내서 seo는 상관없습니다
    
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠