Next.js SSG: 使用 getStaticProps 函数生成静态页面

浏览器访问网站典型的流程是，浏览器首先获取一个HTML 页面，此页面并没有数据，然后 useEffect 函数调用 fetch 从服务器获取数据，然后使用这些数据设置组件 state，state 因为发生改变，react 使组件函数重新执行一遍，页面因此重新渲染，因此页面实际上有两个渲染周期。
而 SEO (search engine optimization 搜索引擎优化)依据的是第一个渲染周期的页面，此页面数据为空，为了避免这个问题，可以使得预渲染的页面，在第一个 render cycle 就已包含从数据库中获取的数据。
要使得预渲染的页面包含数据，NextJS 提供了两种形式的预渲染：
static site generation 静态生成 SSGserver-side rendering 服务端渲染 SSR
SSR 使用 getStaticProps 函数在build时就会生成含有数据的页面， s

Next.js SSG: 使用 getStaticProps 函数生成静态页面最先出现在Python成神之路。