Next.js Hybrid Rendering Test Site

Welcome to the Next.js simulation site for ListenLayer testing. This site demonstrates hybrid rendering strategies (SSR, SSG, CSR) with comprehensive tracking.

Rendering Strategies Tested

🏗️ Static Site Generation (SSG)

Pre-rendered at build time for optimal performance

Blog Listing →

⚡ Client-Side Rendering (CSR)

Rendered in browser with rich interactivity

Interactive Dashboard →

🔄 Server-Side Rendering (SSR)

Rendered on each request with fresh data

Contact Form →

Available Pages

Blog & Content (SSG)

Interactive App (CSR)

  • Dashboard - Client-side rendered interactive dashboard with state management

Forms & Video (SSR/Mixed)

Standard Pages (Existing)

Cross-Domain Tracking

Tracking Capabilities

✓ Next.js App Router navigation
✓ SSR/SSG/CSR page rendering
✓ Route change events
✓ Form submissions & interactions
✓ Video player events (YouTube)
✓ Interactive app engagement
✓ Blog post content views
✓ API route integration

Technical Stack