Payload CMS revalidatePost

revalidate.ts

// src/payload/utilities/revalidate.ts

import type { Payload } from 'payload';

export const revalidate = async (args: {
    slug: string;
    payload: Payload;
}): Promise<void> => {
    const { payload, slug } = args;

    try {
        const res = await fetch(
            `${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/revalidate?secret=${process.env.NEXT_PRIVATE_REVALIDATION_KEY}&slug=${slug}`,
            { cache: 'no-cache' },
        );

        if (res.ok) {
            payload.logger.info(`Revalidated page '${slug}'`);
        } else {
            payload.logger.error(
                `Error revalidating page '${slug}': ${JSON.stringify(
                    res,
                )}`,
            );
        }
    } catch (err: unknown) {
        payload.logger.error(
            `Error hitting revalidate route for page '${slug}': ${err}`,
        );
    }
};

revalidatePost.ts

// src/payload/collections/BlogPosts/hooks/revalidatePost.ts

import type { AfterChangeHook } from 'payload/dist/collections/config/types';

import { revalidate } from '@/payload/utilities/revalidate';

// Revalidate the post in the background, so the user doesn't have to wait
// Notice that the hook itself is not async and we are not awaiting `revalidate`
export const revalidatePost: AfterChangeHook = ({ doc, req: { payload } }) => {
    revalidate({ payload, slug: `blog/${doc.id}` });

    // Revalidate the blog overview page
    revalidate({ payload, slug: '[locale]/(default)/blog' });

    return doc;
};