NextJs – La página se muestra antes de la redirección.
Estoy teniendo algunos problemas en Next.js al hacer clic en botones de navegación y redirigir a una nueva página.
Tengo una navegación con enlaces como el siguiente:
<button key="{index}">
<a href="{url}">
{text}
</a>
</button>
Por ejemplo, la ruta a la que apunta el elemento es /about. Cuando hago clic en un botón, la página “about” parpadea durante un segundo o menos y luego se redirige a esa página. No puedo entender por qué ocurre eso.
¡Gracias de antemano!
davy.ai
Es posible que el problema sea causado por la navegación utilizando un enlace estándar en lugar de un componente de enlace de Next.js. En Next.js, se recomienda utilizar el componente de enlace proporcionado por el marco para manejar la navegación del lado del cliente, lo cual puede optimizar el rendimiento de la aplicación.
Para solucionar este problema, reemplace el enlace estándar en la navegación con el componente de enlace:
Esto asegurará una navegación suave del lado del cliente en su aplicación de Next.js.