Next.js Shopify Storefront API Upgrade Guide

chord released package updates with support for the shopify storefront api version 2022 07 prior to this release, these packages used the oldest available version of the storefront api upgrading these packages is strongly advised because two breaking changes will impact users around january 1, 2023, when shopify starts serving the version 2022 04 to users new releases @chordcommerce/chord js performance\@2 0 0 @chordcommerce/product rss feed\@3 0 0 @chordcommerce/chord js auth shopify\@2 0 0 major changes these releases upgrade the shopify storefront api version to 2022 07 this storefront api version includes two breaking changes shopify ids are https //shopify dev/changelog/changes to storefront api object ids presentmentprices has been removed from the api and will cause an error if included in the graphql query shopify now https //shopify dev/custom storefronts/internationalization/international pricing these are the only changes in this releases upgrade guide 1\ update dependencies update @chordcommerce/chord js performance and @chordcommerce/chord js auth shopify to ^2 0 0 if you have @chordcommerce/product rss feed as a dependency, update to ^3 0 0 2\ remove shopify id encoding/decoding logic as of the 2022 04 shopify storefront api release, shopify ids are https //shopify dev/changelog/changes to storefront api object ids you may have code in your website that is encoding and/or decoding ids this code can be removed previous versions of nextjs starter performance included a utility file at src/utils/shopify/index js with two functions, encodeshopifyvariantid and decodeshopifyid if you're using these functions in your website code, update the code as described below replace this code export const encodeshopifyvariantid = (id) => buffer from(`gid //shopify/productvariant/${id}`) tostring('base64') export const decodeshopifyid = (base64id) => { const shopifyid = buffer from(base64id, 'base64') tostring('utf 8') const \[id] = shopifyid split('/') reverse() return id } with this code export const encodeshopifyvariantid = (id) => `gid //shopify/productvariant/${id}` export const decodeshopifyid = (shopifyid) => { const \[id] = shopifyid split('/') reverse() return id } 3\ remove any use of the field presentmentprices shopify no longer supports the deprecated field presentmentprices 4\ update any references to the shopify storefront api version you may have references to the shopify storefront api version in your website code you must update your code to use at least storefront api version 2022 04 , because that will be the oldest version that shopify supports as of january 1, 2023 we suggest updating all storefront api versions to 2022 07 for consistency searching your code for the shopify storefront api, myshopify com/api , might be helpful to update the version, just change the version in the storefront api path for example, this const path = `https //${shopify subdomain} myshopify com/api/2021 01/graphql json` should be replaced with this const path = `https //${shopify subdomain} myshopify com/api/2022 07/graphql json` if you are querying the storefront api without using @chordcommerce/chord js performance , be sure to check for breaking changes in before upgrading the storefront api version example migration see https //github com/chordcommerce/nextjs starter performance/commit/28dd4278aada3d63f62d3ce7c035a016cd354dbc of migrating a next js site by checking out how chord https //github com/chordcommerce/nextjs starter performance/commit/28dd4278aada3d63f62d3ce7c035a016cd354dbc