What is Prerendering?
In practice, this means that for a fully client-side rendered app, the user will see a blank page while the rendering work is being done.
There are services that add prerendering to client-side rendered applications through caching for web crawlers, but ultimately end up decreasing the end-user performance and Core Web Vitals. We recommend using a frontend framework that has prerendering built-in.
For example, comparing client-side rendering to a prerendered app, the user will see the constructed HTML immediately:
Using Prerendering on Vercel
Vercel supports multiple frontend frameworks that enable pre-rendering, either through Static Site Generation (SSG) or Server-Side Rendering (SSR).
Static Site Generation
With Static Site Generation, the HTML is generated on the server, but unlike server-side rendering, there is no server at runtime. Instead, content is generated once, at build time, when the application is deployed, and the HTML is stored in a CDN and re-used for each request.
Start using prerendered pages on Vercel today with these frontend frameworks:
And more. See all frameworks and get started building today.