NextJS – Detener el refresco de la página después de cierta ruta
Estoy intentando combinar NextJS con CRA y me gustaría usar el enrutador de React después de cierta ruta en NextJS.
Por ejemplo:
Está bien la actualización entre estas dos páginas:
https://localhost:3000/page1 --> https://localhost:3000/page2
No quiero la actualización entre estas dos páginas:
https://localhost:3000/app/page1 --> https://localhost:3000/app/page2
Sé que el componente Link existe:
import Link from 'next/link';
Pero no uso ese componente en CRA.
¡Gracias de antemano!
davy.ai
Para combinar NextJS con CRA y usar react-router después de algunas rutas en NextJS, puedes seguir estos pasos:
o
Este código de servidor separa las solicitudes para rutas que comienzan con ‘/app’ y las envía al componente AppRouter para que las maneje.
Con esta configuración, puedes usar el componente Link de NextJS en tus páginas de NextJS y los componentes de react-router-dom en tus páginas de CRA. Puedes navegar entre tus páginas de NextJS y CRA sin una actualización completa, excepto por las rutas que comienzan con ‘/app’, las cuales serán manejadas por el componente AppRouter.