Pages with getServerSideProps always "Miss from cloudfront"

Describe the bug

Hi, pages with getServerSideProps always “Miss from cloudfront” instead pages with getInitialProps correctly give “Hit from cloudfront”.

this is my default cache behaviour:

cloudfront:
      defaults:
        ttl: ${env.DEFAULT_BH_TTL}
        allowedHttpMethods: ['HEAD', 'GET']
        viewerProtocolPolicy: 'redirect-to-https'
        forward:
          headers: 'none'
          cookies: 'all'
          queryString: true
        lambda@edge:
          viewer-request: ${env.REWRITE_LAMBDA_ARN}

In the response there is:

Cache-Control: private, no-cache, no-store, max-age=0, must-revalidate

Versions

• OS/Environment: Linux
• @sls-next/serverless-component version: 1.18.0
• Next.js version: 10.0.3

Checklist

• You have reviewed the README and FAQs, which answers several common questions.
• Please first try using the most recent latest or alpha @sls-next/serverless-component release version, which may have already fixed your issue or implemented the feature you are trying to use. Note that the old serverless-next.js component and the serverless-next.js plugin are deprecated and no longer maintained.

[dphang]

Yes this is expected by default as it should be server-side rendered and not cached as content is dynamic. This component does not set any cache-control headers for you for server-side rendered pages. I believe the cache-control header for pages with getServerSideProps is set by Next.js to private, no-cache, no-store, max-age=0, must-revalidate. So it won’t be cached by CloudFront (unless you had set a min TTL of more than 0).

I did notice however that if you use getInitialProps, Next.js doesn’t seem to set a cache control header. In which case, CloudFront will cache it for whatever TTLs that you set. If you had it to cache for 60 seconds or whatever as the default TTL, then it will be a hit from CloudFront for 60 seconds.

The workaround would be to set cache-control headers yourself in getServerSideProps if you wish to cache it for longer.

[pecoram]

thank you very much I understand!