How to install the WordPress Plugin

[call007]

Hi! Can anyone explain me, how to install the WordPress Plugin? I don't understand how to navigate to wordpress/next-revalidate/. Where is path? I'm also not able to find the webhook endpoint at /api/revalidate. I read this all here https://github.com/9d8dev/next-wp?tab=readme-ov-file#automatic-revalidation
Thanks in advance!

[brijr]

Hey! Did you set up a WordPress instance somewhere and connect your env vars? If so then you should be able to go to /admin and find your WPAdmin where you can add plugins!

[call007]

Hey! Did you set up a WordPress instance somewhere and connect your env vars? If so then you should be able to go to /admin and find your WPAdmin where you can add plugins!

Yep! I have found the next-revalidate plugin in the revalidate-from-wordpress branch. I’ve installed it in WordPress and added WORDPRESS_WEBHOOK_SECRET there and in Vercel environments. But it seems it doesn’t work because I don’t see updates in Next.js when I add or remove posts in WordPress.

[brijr]

Oh I see, sorry I misunderstood. That plugin is still underdevelopment so need to finish that up. Yeah, what I still need to do is create the Webhook endpoint in next-wp to accept the revalidate response--if you want to take a crack at it. I'll try to find time this week to work on this.

[Maxssobolev]

Hi, +1 :)

[franciscusagnew]

Thanks for querying this @call007! BTW, I change revalidate to 1 as a temporary solution in the lib/worpress.ts file to observe my edits and updates:

// Default fetch options for WordPress API calls
const defaultFetchOptions: FetchOptions = {
  next: {
    tags: ["wordpress"],
    // revalidate: 3600, // Revalidate every hour by default
    revalidate: 15, // Revalidate every 15 secs
  },
  headers: {
    Accept: "application/json",
    "Content-Type": "application/json",
  },
};

Just make sure your refresh the browser window displaying NextJs WP project each time you want to see the results.

[glomotion]

@franciscusagnew so i've been trying to change these revalidate settings (trying in various different ways) - and am still running into all sorts of stale content even when in dev mode (#40).

I just noticed that instead of using the RC react and react-dom versions, i'm using the 19.x stable ones (npm gave me dep errors when i tried to do npm i for this project).

I now wonder if this might be causing all these dev caching issues. I wonder, are you using the RC react versions?

"react": "19.0.0-rc.1",
"react-dom": "19.0.0-rc.1",

im using:

"react": "19.0.0",
"react-dom": "19.0.0",

EDIT - Nope - using react rc versions didn't fix anything. nvm me.