Next.js App Router: Notes From Shipping a Portfolio

Server vs client

Default to server components. Push `"use client"` only where you need interactivity.

Data fetching

Colocate fetches with the segment that needs them. Avoid waterfall requests on first paint when you can batch.

Images and fonts

Use the built-in optimizations. Small wins compound on mobile networks.

Deploy

Vercel and Next pair well, but any Node host works if you respect `output` and env at build time.