feat: Incremental Static Build

[tlgimenes]

What's the purpose of this pull request?

This PR uses the new WebOps capability called Incremental Static Builds. This should drastically improve response times and reduce infrastructure usage on deferred pages, like PDPs and PLPs

How does it work?

WebOps recently released this Incremental Static Builds feature. To use on Gatsby, make sure to return the following cache-control headers on SSR pages:

'cache-control': 's-maxage=31536000, stale-while-revalidate',

and enable USE_STALE_CACHE=true on vtex.env.

How to test it?

Open a PDP. Check the response header called x-faststore-cache. The first request should give you a MISS. The second request should give you HIT. Note that HITs are much faster than MISS. Also, note that all subsequent requests have a HIT as value.

References

• Original PR on WebOps: https://github.com/vtex/vtex-cicd-platform/pull/105

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
gatsby-store-storybook	❌ Failed (Inspect)		May 16, 2022 at 4:42PM (UTC)

[vtex-sites]

Preview is ready

This pull request generated a Preview

👀   Preview: https://preview-47--gatsby.preview.vtex.app
🔬   Go deeper by inspecting the Build Logs
📝   based on commit 33138df

[vtex-sites]

Lighthouse Reports

Here are the Lighthouse reports of this Pull Request

📝 Based on commit 33138df

Lighthouse Report by page
📎   /
📎   /apple-magic-mouse-99988212/p
📎   /office

[igorbrasileiro]

Great job, my tip, create a constant called max_age with the 2 year value. It will enhance the readability

[eduardoformiga]

Looks good!
I tried to simulate but got MISS on every refresh.

[filipewl]

Awesome!

[eduardoformiga]

LGTM! I was testing in the wrong request.
It works as expected 🎉