When to Use Static Generation v.s. Server-side Rendering

Good Header Two

We recommend using Static Generation (with and without data) whenever possible because your page can be built once and served by CDN, which makes it much faster than having a server render the page on every request.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius totam animi non eos, numquam quae cupiditate mollitia magnam id illo itaque harum labore molestias amet nulla laborum architecto. Officiis, maiores. Assumenda repellat asperiores quo a nemo! Doloremque adipisci, autem illo molestias beatae soluta corporis debitis omnis! Rerum tenetur sit aliquam cumque tempore quam esse, eos accusantium. Rerum officia maxime adipisci. Error architecto reiciendis facere eos rerum eius? Optio laudantium sequi nam odit. Accusamus amet eaque hic nulla qui, pariatur dolorem officia corporis deserunt quasi nihil esse! Similique at vero cumque. Temporibus quidem hic nulla atque, saepe molestias quae adipisci recusandae mollitia dolorem aliquid dolor amet, nam asperiores cumque totam! Eos exercitationem delectus dolorem sapiente laudantium asperiores deserunt officiis incidunt in! Nulla, reprehenderit quaerat. Asperiores earum optio fugiat, doloribus at reprehenderit facere unde. Perspiciatis quia porro culpa velit totam impedit deleniti corporis provident! Labore suscipit voluptas at, obcaecati ipsa sunt pariatur? Dignissimos nihil nostrum dolore ullam voluptatibus sequi libero labore nulla et, reiciendis a mollitia animi laboriosam dolores vel. Eius adipisci quis nobis, veritatis corporis iusto labore ducimus aperiam nostrum iure.

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

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

Another Good Header Two

You should ask yourself: "Can I pre-render this page ahead of a user's request?" If the answer is yes, then you should choose Static Generation.

On the other hand, Static Generation is not a good idea if you cannot pre-render a page ahead of a user's request. Maybe your page shows frequently updated data, and the page content changes on every request. It will be slower, but the pre-rendered page will always be up-to-date. Or you can skip pre-rendering and use client-side JavaScript to populate data. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius totam animi non eos, numquam quae cupiditate mollitia magnam id illo itaque harum labore molestias amet nulla laborum architecto. Officiis, maiores. Assumenda repellat asperiores quo a nemo! Doloremque adipisci, autem illo molestias beatae soluta corporis debitis omnis! Rerum tenetur sit aliquam cumque tempore quam esse, eos accusantium. Rerum officia maxime adipisci. Error architecto reiciendis facere eos rerum eius? Optio laudantium sequi nam odit. Accusamus amet eaque hic nulla qui, pariatur dolorem officia corporis deserunt quasi nihil esse! Similique at vero cumque.

test h3

In that case, you can use Server-Side Rendering. It will be slower, but the pre-rendered page will always be up-to-date. Or you can skip pre-rendering and use client-side JavaScript to populate data. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eius totam animi non eos, numquam quae cupiditate mollitia magnam id illo itaque harum labore molestias amet nulla laborum architecto. Officiis, maiores. Assumenda repellat asperiores quo a nemo! Doloremque adipisci, autem illo molestias beatae soluta corporis debitis omnis! Rerum tenetur sit aliquam cumque tempore quam esse, eos accusantium. Rerum officia maxime adipisci. Error architecto reiciendis facere eos rerum eius? Optio laudantium sequi nam odit. Accusamus amet eaque hic nulla qui, pariatur dolorem officia corporis deserunt quasi nihil esse! Similique at vero cumque. Temporibus quidem hic nulla atque, saepe molestias quae adipisci recusandae mollitia dolorem aliquid dolor amet, nam asperiores cumque totam! Eos exercitationem delectus dolorem sapiente laudantium asperiores deserunt officiis incidunt in! Nulla, reprehenderit quaerat. Asperiores earum optio fugiat, doloribus at reprehenderit facere unde. Perspiciatis quia porro culpa velit totam impedit deleniti corporis provident! Labore suscipit voluptas at, obcaecati ipsa sunt pariatur? Dignissimos nihil nostrum dolore ullam voluptatibus sequi libero labore nulla et, reiciendis a mollitia animi laboriosam dolores vel. Eius adipisci quis nobis, veritatis corporis iusto labore ducimus aperiam nostrum iure. Cum suscipit eveniet, architecto dignissimos, magni blanditiis aut dolor, quaerat quae id enim. Voluptates molestias unde provident commodi officiis praesentium eligendi, omnis dolores impedit recusandae assumenda exercitationem maxime nostrum eos. Obcaecati, amet perferendis corrupti voluptas nemo ab quod repudiandae veritatis consequuntur soluta perspiciatis, recusandae, pariatur ratione unde itaque! Ea esse facilis dolorem excepturi obcaecati nulla pariatur dolor beatae sequi inventore? Excepturi soluta in incidunt quaerat veniam fuga eveniet itaque dignissimos minima earum veritatis, perferendis distinctio numquam voluptatibus dolor non sequi fugiat voluptas eaque tempore molestiae quasi sint, reiciendis alias. Ex! Porro pariatur, inventore eum iusto sint iure error non, nulla eos similique fuga eligendi odio obcaecati ex deserunt accusantium ea saepe consectetur atque autem facere repellat libero nobis? Eum, optio.