Next.js App Router: la guía que me hubiera gustado tener cuando migré de Pages Router

Next.js App Router: la guía que me hubiera gustado tener cuando migré de Pages Router Era un martes a las 11 de la noche y tenía un cliente en producción con el carrito de compras roto. El problema: había migrado a App Router siguiendo la documentación oficial como si fuera un manual de IKEA — metódicamente, con fe ciega — y me había olvidado de entender por qué funcionaba lo que funcionaba. Cuando algo se rompió, no tenía idea de dónde buscar. Esta es la guía que me hubiera gustado tener. No la de Vercel. La mía. El cambio mental que nadie te dice que necesitás El error más grande que cometí fue tratar App Router como si fuera Pages Router con carpetas distintas. No lo es. Es un paradigma diferente. En Pages Router, todo componente es un Client Component por defecto. Podés usar useState, useEffect, fetch del lado del servidor con getServerSideProps — pero es todo explícito, separado, prolijo. En App Router, todo componente es un Server Component por defecto. Esto significa que se ejec