Introduction

Mega Navigation with ISR updates and on-the-fly data refresh

Media

Server-Side Rendered with Client-Side Updates

• Initial render is done on the server using build-time data
• Client-side updates using SWR for data freshness
• Zero Cumulative Layout Shift (CLS) due to CSS-first approach
• Navigation data is always fresh in the client without affecting page performance

Smart Caching Strategy

• Navigation endpoint is cached (like ISR) and can be revalidated using revalidatePath
• All product pages are static (ISR) with time-based revalidation (1 hour)
• Perfect for large sites with thousands of pages - update navigation without revalidat