Fetching data and composing HTML.
This page is fully rendered on the server with critical CSS inlined for optimal performance. All styling is applied before the HTML reaches the browser.
Styles are included in the initial HTML response
Content appears styled from the first render
Search engines see fully styled content
quia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto
est rerum tempore vitae sequi sint nihil reprehenderit dolor beatae ea dolores neque fugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis qui aperiam non debitis possimus qui neque nisi nulla
et iusto sed quo iure voluptatem occaecati omnis eligendi aut ad voluptatem doloribus vel accusantium quis pariatur molestiae porro eius odio et labore et velit aut
ullam et saepe reiciendis voluptatem adipisci sit amet autem assumenda provident rerum culpa quis hic commodi nesciunt rem tenetur doloremque ipsam iure quis sunt voluptatem rerum illo velit
repudiandae veniam quaerat sunt sed alias aut fugiat sit autem sed est voluptatem omnis possimus esse voluptatibus quis est aut tenetur dolor neque
<!DOCTYPE html>
<html>
<head>
<title>SSR Page</title>
<style>/* Critical CSS inlined */</style>
</head>
<body>
<div id="__next">
<h1>Server-Side Rendered Content</h1>
<p>Rendered at: 10/5/2025, 8:10:34 AM</p>
<div>
<article>
<h3>sunt aut facere repellat provident occaecati excepturi optio reprehenderit</h3>
<p>quia et suscipit
suscipit recusandae consequuntur expedita et cum
reprehenderit molestiae ut ut quas...</p>
</article>
<article>
<h3>qui est esse</h3>
<p>est rerum tempore vitae
sequi sint nihil reprehenderit dolor beatae ea dolores neque
fugiat blanditi...</p>
</article>
<article>
<h3>ea molestias quasi exercitationem repellat qui ipsa sit aut</h3>
<p>et iusto sed quo iure
voluptatem occaecati omnis eligendi aut ad
voluptatem doloribus vel accusantiu...</p>
</article>
<article>
<h3>eum et est occaecati</h3>
<p>ullam et saepe reiciendis voluptatem adipisci
sit amet autem assumenda provident rerum culpa
quis hi...</p>
</article>
<article>
<h3>nesciunt quas odio</h3>
<p>repudiandae veniam quaerat sunt sed
alias aut fugiat sit autem sed est
voluptatem omnis possimus ess...</p>
</article>
</div>
</div>
<script>/* Hydration script */</script>
</body>
</html>✅ Fully rendered HTML - Content is visible immediately, no JavaScript required for initial render
User Request
Server Fetch
Render HTML
Send Response
Server processing time
Content visible immediately
All content rendered