revalidatepath on an api route

Answered

Satin Angora posted this in #help-forum

Satin AngoraOP

2023-11-02T14:40:22.000Z

I am having to use server actions because somehow when running revalidatePath('/this/route') seems to not invalidate the cache. Is this an issue or is it meant to work this way?
How are you guys revalidating the path of the route you have update when using route handlers and not server actions?

Answered by joulev

nothing wrong, don't worry. that's just the controversial router cache

View full answer

24 Replies

@Satin Angora I am having to use server actions because somehow when running revalidatePath('/this/route') seems to not invalidate the cache. Is this an issue or is it meant to work this way? How are you guys revalidating the path of the route you have update when using route handlers and not server actions?

joulev

2023-11-02T15:26:41.000Z

if you want to flush the router cache without using server actions you have to use router.refresh()

async function onClick() {
  await fetch(...);
  router.refresh();
}

but why not even do that, just use server actions + revalidate functions

Satin AngoraOP

2023-11-02T15:28:16.000Z

I am now changing everything again to server actions

its because i am currently migrating a project and want to revalidate from the api

joulev

2023-11-02T15:28:59.000Z

i see. yeah using server actions is the recommended way, but if you want to force-flush the router cache without server actions then router.refresh() is the only way

Satin AngoraOP

2023-11-02T15:29:13.000Z

but i see now that i have to use a client side if i use router.refresh()

joulev

2023-11-02T15:29:50.000Z

don't you already have to use client components? else how do you send the mutation requests?

Satin AngoraOP

2023-11-02T15:29:53.000Z

btw, in next docs it appears as if revalidate path works on route handlers

joulev

2023-11-02T15:30:23.000Z

yes it does work, but it doesn't flush the router cache. so you still get the same stale data, but if you refresh the page (browser refresh button) you will get fresh data

@joulev don't you already have to use client components? else how do you send the mutation requests?

Satin AngoraOP

2023-11-02T15:30:47.000Z

yes, but in this case i am using tanstack table and its a button inside a column

so there is no way of having router inside that variable

@joulev yes it does work, but it doesn't flush the router cache. so you still get the same stale data, but if you refresh the page (browser refresh button) you will get fresh data

Satin AngoraOP

2023-11-02T15:31:26.000Z

yes correct

joulev

2023-11-02T15:31:29.000Z

well i have never used tanstack table so can't help here