why this cache dont work?

export async function getStaticProps() {
  // If this request throws an uncaught error, Next.js will
  // not invalidate the currently shown page and
  // retry getStaticProps on the next request.
  const res = await fetch('https://.../posts')
  const posts = await res.json()
 
  if (!res.ok) {
    // If there is a server error, you might want to
    // throw an error instead of returning so that the cache is not updated
    // until the next successful request.
    throw new Error(`Failed to fetch posts, received status ${res.status}`)
  }
 
  // If the request was successful, return the posts
  // and revalidate every 10 seconds.
  return {
    props: {
      posts,
    },
    revalidate: 10,
  }
}

https://nextjs.org/docs/pages/building-your-application/data-fetching/get-static-props

@Ray ts export async function getStaticProps() { // If this request throws an uncaught error, Next.js will // not invalidate the currently shown page and // retry getStaticProps on the next request. const res = await fetch('https://.../posts') const posts = await res.json() if (!res.ok) { // If there is a server error, you might want to // throw an error instead of returning so that the cache is not updated // until the next successful request. throw new Error(`Failed to fetch posts, received status ${res.status}`) } // If the request was successful, return the posts // and revalidate every 10 seconds. return { props: { posts, }, revalidate: 10, } }

Asiatic LionOP

2024-01-28T17:55:01.000Z

this is getStaticProps, does it work for getServerSideProps?

Ray

2024-01-28T17:55:08.000Z

use cache-control header instead if you want to use getServerSideProps
https://nextjs.org/docs/pages/building-your-application/data-fetching/get-server-side-props#caching-with-server-side-rendering-ssr

@Ray use `cache-control` header instead if you want to use `getServerSideProps` https://nextjs.org/docs/pages/building-your-application/data-fetching/get-server-side-props#caching-with-server-side-rendering-ssr

Asiatic LionOP

2024-01-28T17:56:33.000Z

I saw this myself, but I have one detail

I have a guild and user request

I imagine that by putting this in place the user will be the same for whoever accesses it, which is a problem

I need only the server fetch to have cache

Ray

2024-01-28T17:58:07.000Z

either use app router or use redis

Asiatic LionOP

2024-01-28T19:31:21.000Z

export async function getServerSideProps({ query, req, res }) {

  res.setHeader(
    'Cache-Control',
    'public, s-maxage=600, stale-while-revalidate=1000'
  )

  try {
    const request = await nodefetch(`${settings.apiURL}/guilds/${query.guildId}`);
    if (request.status != 200) return {
      props: {
        error: true
      }
    }

    const response = await request.json();

    return {
      props: {
        guild: response,
      }
    }
  } catch (e) {
    return {
      props: {
        apierror: true
      }
    }
  }

}

I put this, but dont work