Next.js Render Methods

Server Time:2025-08-22T06:08:20.814ZPage Timestamp: 17558429...

Client-Side Rendering

Time fetched on the client-side using useEffect

Data fetched in the browser after page load. Good for personalized or frequently changing content.

Client-sideGenerated at: Loading...

Request ID: client-loading

• Updates in real-time on the client

• No caching, always fresh data

• Requires JavaScript to be enabled

Time-Based ISR

Revalidates every 10 seconds

Pages cached and regenerated at fixed intervals. Balances performance with freshness.

On-Demand ISR

Revalidates when manually triggered

Pages cached until manually revalidated. Perfect for content that changes on specific events.

Server-Side Rendering

Fetches time on every request

Fresh data on every request. Ideal for highly dynamic content that needs SEO.

2025-08-22T06:08:20.923Z

SSR (Client)Generated at: 6:08:20 AM

Request ID: loading

Timestamp: 1755842900923(Nonce: loading)

Source: client-initial

• Fetched on the client-side

• Fresh data on every page load

• No server-side caching issues

• Good for static pages that need dynamic data