Frudy
7k
2021-04-06 07:55:50 작성 2021-04-06 07:56:38 수정됨
2
157

NextJS에서 Static Generation에 대해 이해되지않습니다.


https://nextjs.org/learn/basics/data-fetching/two-forms


공식문서에서, SSR vs Static Generation의 가장 큰 차이는 HTML을 만드는 시점이 다르다고 했고,

SSR은 사용자가 요청했을 때 / Static Generation은 빌드타임에 HTML이 생성된다 했습니다.


그래서.. 이 문장이 이해되지않습니다.


You can use Static Generation for many types of pages, including:

  • Marketing pages
  • Blog posts
  • E-commerce product listings
  • Help and documentation


빌드타임에 HTML이 생성되고 이 HTML을 사용자들이 요청할 때 제공한다는 것은,

모든 사용자에게 동일한 HTML이 제공된다는것과 같습니다.




제가생각했을 때 Static Generation을 사용할 수 있는 곳은

https://www.navercorp.com/ 이런곳 또는 https://whale.naver.com/ko/ 이런곳처럼

모든 사용자에게 동일하게 보여지는 웹페이지만 Static Generation을 사용할 수 있다고 생각되는데..


공식문서에 나온 

  • Blog posts


이거는 좀 납득이 잘 안갑니다.

https://blog.naver.com/jdy0306/222299893422

블로그 포스트 페이지는, 포스트 번호(PK)에 따라 다른 포스트가 보여져야합니다.


그래서 빌드타임에 포스트 페이지에 대한 HTML을 생성해놓고

모든 사용자가 요청했을 때 똑같은 HTML을 제공한다면,

포스트 번호에 따라 다른 포스트 페이지HTML을 제공할 수가 없게됩니다.


제가 어느부분을 잘못이해하고 있는지 잘 모르겠습니다. 답변부탁드립니다.

0
  • 답변 2

  • 페코옹
    1k
    2021-04-06 10:20:51 작성 2021-04-06 10:24:24 수정됨

    static generation 에는 3가지가 있어요.


    1. 정적인 페이지 : 데이터 미포함

     1) 요건 그냥 page 

      2) 예 : 로그인, 로그아웃 등

     

    2. 정적인 페이지 : 데이터 포함

      1) 요건 staticprop으로 데이터 주는 경우

      2) 예 : 홈페이지, FAQ 등


    3. dynamic하게 만들어진 정적인 페이지

      1) 요건 staticpath로 path 생성해서 path에 맞게 페이지 생성하고 staticprop으로 데이터 주는 경우

       2) 예 : 블로그 글 등 www.home.com/1, www.home.com/2 와 같이 path 만들어지는 경우


    위에 링크에 잘 설명이 되어있으니 찬찬히 다시 보세요~


    요 밑에 사이트를 nextjs로 만든 거에요.

    https://www.supercode.co.kr/


  • Frudy
    7k
    2021-04-06 18:56:19

    음.....

    답변이 전혀 이해되지않는걸보니 Next지식이 부족한가보네요.


    NextJS 공식문서 몆번더 보고 다시 답변 읽을게요.

    답변주셔서 감사합니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.