SA
Skip to main content

NMD.cho.sh

Mobile-Desktop optimized Master Detail View (Like iPhone-iPad)

  • Acceptable Code Structure (Next.js App Router Nested Layout)
  • Acceptable Link Structure
  • Acceptable UI (Don't stretch mobile layout on desktop, or cram desktop layout to mobile)

E18723.png

Results: nmd.cho.sh/

73146A.gif

It was so strange to:

  • use use hook for suspended server-client interleaving
  • putting content inside layout.tsx
  • master view goes to both root layout (to render in desktop view) and root page (to render in mobile view) and both conditionally renders

Links to This Note