SSG 静态站点生成

  • build的时候,生成的静态页面
  • 生成的静态资源,可以放在CDN,每次请求都会缓存

Case 1: 不需要请求外部数据

1
2
3
4
5
function About() {
  return <div>About</div>
}
 
export default About

Case 2: 依赖于外部数据 generateStaticParams

Case 3: 依赖于外部数据,且路径是动态的

getStaticPaths

generateStaticParams

Incremental Static Regeneration (ISR)

通过 generateStaticParams 和 revalidate 配置实现

React Server Component

Server Side Rendering

generateStaticParams