Choose a version:

InMemoryCache

Caution

This utility should only be used when deploying Hydrogen to a Node.js environment. It should not be used when deploying Hydrogen to Oxygen.

If you are deploying Hydrogen to a Node.js environment, you can use this limited implementation of an in-memory cache. It only supports the cache-control header. It does NOT support age or expires headers.

Learn more about data fetching in Hydrogen.

Examples

JavaScript

const {createRequestHandler} = require('react-router');

const path = require('path');

const {installGlobals} = require('react-router');

const express = require('express');

const {createStorefrontClient, InMemoryCache} = require('@shopify/hydrogen');

installGlobals();

const app = express();

const BUILD_DIR = path.join(process.cwd(), 'build');

app.use(

'/build',

express.static('public/build', {immutable: true, maxAge: '1y'}),

);

app.all('*', async (req) => {

const {storefront} = createStorefrontClient({

cache: new InMemoryCache(),

// `waitUntil` is only needed on worker environments. For Express/Node, it isn't applicable

waitUntil: null,

i18n: {language: 'EN', country: 'US'},

publicStorefrontToken: process.env.PUBLIC_STOREFRONT_API_TOKEN,

privateStorefrontToken: process.env.PRIVATE_STOREFRONT_API_TOKEN,

storeDomain: process.env.PUBLIC_STORE_DOMAIN,

storefrontId: process.env.PUBLIC_STOREFRONT_ID,

storefrontHeaders: {

cookie: req.get('cookie'),

});

return createRequestHandler({

build: require(BUILD_DIR),

mode: process.env.NODE_ENV,

getLoadContext: () => ({storefront}),

});

const port = process.env.PORT || 3000;

app.listen(port, () => {

console.log(`Express server listening on port ${port}`);

});

Examples

JavaScript

const {createRequestHandler} = require('react-router');
const path = require('path');
const {installGlobals} = require('react-router');
const express = require('express');
const {createStorefrontClient, InMemoryCache} = require('@shopify/hydrogen');

installGlobals();

const app = express();

const BUILD_DIR = path.join(process.cwd(), 'build');

app.use(
  '/build',
  express.static('public/build', {immutable: true, maxAge: '1y'}),
);

app.all('*', async (req) => {
  const {storefront} = createStorefrontClient({
    cache: new InMemoryCache(),
    // `waitUntil` is only needed on worker environments. For Express/Node, it isn't applicable
    waitUntil: null,
    i18n: {language: 'EN', country: 'US'},
    publicStorefrontToken: process.env.PUBLIC_STOREFRONT_API_TOKEN,
    privateStorefrontToken: process.env.PRIVATE_STOREFRONT_API_TOKEN,
    storeDomain: process.env.PUBLIC_STORE_DOMAIN,
    storefrontId: process.env.PUBLIC_STOREFRONT_ID,
    storefrontHeaders: {
      cookie: req.get('cookie'),
    },
  });

  return createRequestHandler({
    build: require(BUILD_DIR),
    mode: process.env.NODE_ENV,
    getLoadContext: () => ({storefront}),
  });
});

const port = process.env.PORT || 3000;

app.listen(port, () => {
  console.log(`Express server listening on port ${port}`);
});

Anchor to RelatedRelated

createStorefrontClient

Was this page helpful?