DEV Community

Cover image for ReactJS(NextJs) Rendering Pattern ~Static Rendering (SSG)~
Ogasawara Kakeru
Ogasawara Kakeru

Posted on

ReactJS(NextJs) Rendering Pattern ~Static Rendering (SSG)~

SSG
・The SSG (Static Site Generator) generates an HTML file once during the build, allowing us to reuse this HTML file on the server each time a request is sent. This pattern is basically recommended for your project by Next.js.

SSR
・The SSR (Server Side Rendering) generates an HTML page each time a request is sent. Its performance is lower than that of SSG.

The use case for each rendering pattern.

SSG SSR
Blog, Document, Stack Over Flow Update page for user in an application
A product page in EC-Commerce Timeline of SNS

Top comments (0)