Layout Patterns

Layout Experiments

Server-rendered navigation patterns with zero client JavaScript for the shell.

Site Top Nav

Available

Public pages with horizontal navigation

Site Sidebar

Coming Soon

Dashboard with vertical sidebar

App Top Nav

Coming Soon

App interface with compact header

App Sidebar

Coming Soon

Social app with icon sidebar

Server Component Benefits

  • • Zero JS - Navigation renders as pure HTML
  • • Instant - Part of static shell, no hydration
  • • Cached - Reused across requests with use cache
  • • SEO - Full HTML in initial response

This page is a Server Component — HeroUI is RSC-compatible.