Shallow redirect with App router | Next.js | Page 1

burnt belfry Apr 23, 2024, 6:19 PM

#

Hello there, question might sound stupid but... What's the equivalent of passing { shallow: true } to router.push options when using app router ?

small mauveBOT Apr 23, 2024, 6:19 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

nocturne tree Apr 23, 2024, 7:43 PM

#

You can just use the native history api as stated in the app router documentation. https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api

Routing: Linking and Navigating | Next.js

Learn how navigation works in Next.js, and how to use the Link Component and useRouter hook.

#

    const params = new URLSearchParams(searchParams.toString())
    params.set('sort', sortOrder)
    window.history.pushState(null, '', `?${params.toString()}`)

burnt belfry Apr 24, 2024, 9:29 PM

#

nocturne tree ```ts const params = new URLSearchParams(searchParams.toString()) params...

And so this is the equivalent for shallow navigation ?

#Shallow redirect with App router