React Router ?

[HamidReazaNikoonia]

i have simple question , i am new in Next.JS we have a project and my web application manage routes in BackEnd with Next JS

now my problem is here , i want use React-Router-dom in one section

forexample before im working with Laravel and React

in Laravel I set My Route like This

Route::get('/reactPage/*' ...)
and then use Clien route with react

but i dont know how handle this with Next JS

( more details => for example i want user click to some link after that user see a page with some link inside of them , if user click that link , react-router-dom handle route and no any request send to Server )

[Kyle-Mendes]

You don't need react-router at all with Next.

Next comes with it's own routing solution, and all routing can be handled by that.

Sounds like you might want to use the Link component.

import Link from 'next/link';

//...
render( 
  <Link href="/my-page">Go to my page</Link>
);

This will do a client-side route push to /my-page.

[sergiodxa]

There is a discussion about React Router already happening on #1632, I recommend you to check it.

Note with Next.js your Laravel app should be an API and routing (either client and server side) should be handled by Next.js.

[ghost]

For anyone who needs a temporary solution, I've tried next-react-router found at npm. And it works fine for me.

[egemon]

@EchoC1 how did u use it without docs?

[Hocoh]

You don't need react-router at all with Next.

@Kyle-Mendes I understand you, maybe if you want to make page-transition animation, specifically on nested components should, react-router with react-transition-group come handy

[ghost]

I am using next.js but with next js i can't redirect pages based on login Router.push('/') works only on components. I want Redirect component but in next js Link is there