Skip to main content

MemorySessionStorage

The MemorySessionStorage component stores session data within Hydrogen runtime memory.

Example code​

App.server.jsx
import {defineConfig, MemorySessionStorage} from '@shopify/hydrogen/config';

export default defineConfig({
  shopify: {/*...*/},
  session: MemorySessionStorage('__session', {
    path: '/',
    httpOnly: true,
    secure: process.env.NODE_ENV === 'production',
    sameSite: 'strict',
    maxAge: 60 * 60 * 24 * 30,
  }),
});

Props​

PropTypeDescription
namestringThe name of the cookie stored in the browser.
options?CookieOptionsAn optional object to configure how the cookie is persisted in the browser.

Component type​

The MemorySessionStorage component is a server component that renders inside App.server.jsx. For more information about component types, refer to React Server Components.

Considerations​

  • You can store as much data as you want in the session (more than the 4kb cookie limit). However, when you close the Hydrogen server, all session data will be lost.
  • If you're running Hydrogen in an Edge worker that frequently shuts down and has cold starts, then your session data will be very volatile.