Next.js

# Next.js
- Utiliza un conjunto mínimo de hooks para los componentes: useState para el estado, useEffect para los efectos secundarios, useCallback para los manejadores memorizados y useMemo para los valores calculados. Confianza: 0.85
- Nunca hagas que page.tsx sea un componente de cliente. Toda la lógica del lado del cliente reside en componentes bajo /components, y page.tsx permanece como un componente de servidor. Confianza: 0.85
- Al persistir el estado del lado del cliente, utiliza la inicialización perezosa con localStorage. Confianza: 0.85
- Siempre usa useRef para un estado estable y no reactivo, especialmente...