Next.js 中主要有两种类型的预渲染:静态生成(Static Generation, SSG)和服务器端渲染(Server-side Rendering, SSR)。
-
静态生成(SSG):此方法在构建时生成HTML,所有请求都共享同一HTML。可以通过
getStaticProps
来获取页面所需的数据,并在构建时将其传递到组件。还可以使用getStaticPaths
来动态生成具有动态路由的页面的路径。 -
服务器端渲染(SSR):此方法在每个请求时生成HTML。通过使用
getServerSideProps
,可以为每个请求实时获取数据,并将数据作为props传递给组件,从而在服务器上渲染页面。
这两种预渲染方式都有助于提高性能和SEO效果,选择哪一种取决于应用的需求和页面的特性。