How can I disable cache on a specific page only in Next.JS

Question

I'm running a job aggregator and I wish to avoid cache on my post feed, since its showing outdated results to my users. We're running on Next.JS.

I've searched through their docs, but didn't find a way about how to do it...

Does someone have an idea?

I assume its on next.config.js, but I don't know exactly how.

Answer 1

This seems work if server-side rendering

Page.getInitialProps = async ({ store, res }) => {
    if (res) {
        // res available only at server
        // no-store disable bfCache for any browser. So your HTML will not be cached
        res.setHeader('Cache-Control', 'no-store');
    }

    await store.dispatch(action());
    return {};
};