TypeScript Delivery SDK - Migration Guide (V4 to V5)

This guide explains how to migrate from @contentstack/delivery-sdk v4.x to v5, including breaking changes and required update steps.

You need to update your code only if you use SDK caching with a policy other than IGNORE_CACHE.

• No changes required if:
  • You never configured cacheOptions.
  • You use Policy.IGNORE_CACHE.
• Changes required if you use:
  • CACHE_THEN_NETWORK.
  • CACHE_ELSE_NETWORK.
  • NETWORK_ELSE_CACHE.

Version 5.0.0 of the TypeScript Delivery SDK changes how cache persistence is handled.

• In v4.x, cache persistence was bundled directly into the SDK.
• In v5, cache persistence is no longer included by default.

Instead, the SDK now:

• Defines a persistence contract.
• Delegates cache storage to an external persistence store.

This design keeps the core SDK lightweight and gives you full control over where and how cached data is stored, such as:

• In memory.
• Browser storage (for example, localStorage).
• A custom backend.

Caching policies themselves remain unchanged from v4.x.

All other SDK APIs (stack creation, content types, entries, assets, queries, regions, live preview, etc.) remain the same. Only the cache configuration is affected.

npm install @contentstack/delivery-sdk@5

Or with yarn:

yarn add @contentstack/delivery-sdk@5

If you use a cache policy other than IGNORE_CACHE without setting cacheOptions.persistenceStore, stack creation fails with:

Error: Cache policy requires cacheOptions.persistenceStore (storage). Install @contentstack/persistence-plugin and pass a PersistenceStore instance and try again.

Fix: Install @contentstack/persistence-plugin, create a PersistenceStore instance, and pass it as cacheOptions.persistenceStore as shown above.

Install the official persistence plugin so the SDK has a concrete store to use:

npm install @contentstack/persistence-plugin

Or with yarn:

yarn add @contentstack/persistence-plugin

v4.x (no longer valid in v5):

import contentstack, { Policy } from '@contentstack/delivery-sdk';

const stack = contentstack.stack({
  apiKey: 'your-api-key',
  deliveryToken: 'your-delivery-token',
  environment: 'your-environment',
  cacheOptions: {
    policy: Policy.CACHE_THEN_NETWORK,
    storeType: 'localStorage',  // ❌ Not supported in v5
    maxAge: 86400000,
  },
});

v5.x (correct):

import contentstack, { Policy } from '@contentstack/delivery-sdk';
import { PersistenceStore } from '@contentstack/persistence-plugin';

const stack = contentstack.stack({
  apiKey: 'your-api-key',
  deliveryToken: 'your-delivery-token',
  environment: 'your-environment',
  cacheOptions: {
    policy: Policy.CACHE_THEN_NETWORK,
    persistenceStore: new PersistenceStore({
      storeType: 'localStorage',
      maxAge: 86400000,
    }),
    maxAge: 86400000,
  },
});

About maxAge

• PersistenceStore.maxAge defines the default TTL behavior inside the store. maxAge is the TTL for cacheData.
• When writing entries, the SDK passes cacheOptions.maxAge to the persistence store.

If both values are provided:

• The persistence store implementation determines precedence as to how maxAge is applied.
• The SDK does not enforce TTL logic itself.

You can omit cacheOptions.maxAge if the persistence store handles expiration internally.

Important Cache Configuration Rules

• Remove storeType from cacheOptions; it is ignored in v5.
• When using any cache policy other than IGNORE_CACHE, always provide cacheOptions.persistenceStore.
• The SDK validates the cache configuration during stack creation and throws an error if the requirements are not met.

The SDK requires an object that implements the PersistenceStore interface exported from the SDK.

Behavior Requirements

• setItem and getItem must be synchronous.
• getItem must return undefined or null if no cached value exists.
• The persistence store must handle serialization and deserialization internally.
• Any errors thrown by the persistence store propagate to the SDK.

PersistenceStore Interface

interface PersistenceStore {
  setItem(key: string, value: any, contentTypeUid?: string, maxAge?: number): void;
  getItem(key: string, contentTypeUid?: string): any;
}

You can implement this interface yourself—for example, using an in-memory store, Redis, or any key-value store and pass it to cacheOptions.persistenceStore without installing a plugin.

Example: In-Memory Persistence Store

import contentstack, { Policy, PersistenceStore } from '@contentstack/delivery-sdk';

const memoryStore: PersistenceStore = {
  _cache: new Map(),
  setItem(key, value, _contentTypeUid?, _maxAge?) {
    this._cache.set(key, value);
  },
  getItem(key, _contentTypeUid?) {
    return this._cache.get(key);
  },
};

const stack = contentstack.stack({
  apiKey: 'your-api-key',
  deliveryToken: 'your-delivery-token',
  environment: 'your-environment',
  cacheOptions: {
    policy: Policy.CACHE_THEN_NETWORK,
    persistenceStore: memoryStore,
  },
});

No changes. Just upgrade to v5.

const stack = contentstack.stack({
  apiKey: 'your-api-key',
  deliveryToken: 'your-delivery-token',
  environment: 'your-environment',
});

No persistenceStore is required. No changes beyond upgrading.

1. Install @contentstack/persistence-plugin.
2. Create a PersistenceStore instance (e.g. new PersistenceStore({ storeType: 'localStorage', maxAge: 86400000 })).
3. Set cacheOptions.persistenceStore to that instance.
4. Remove storeType from cacheOptions.

If you don’t provide persistenceStore, the SDK throws at stack creation with a message directing you to install the persistence plugin and pass a PersistenceStore instance.

Symptom

When you use a cache policy other than IGNORE_CACHE and do not set cacheOptions.persistenceStore, stack creation fails with the following error:

Cause

The SDK requires a persistence store whenever you use any cache policy other than IGNORE_CACHE.

Resolution

1. Install @contentstack/persistence-plugin (or provide your own PersistenceStore implementation).
2. Create a PersistenceStore instance (for example, new PersistenceStore({ storeType: 'localStorage', maxAge: 86400000 })).
3. Set cacheOptions.persistenceStore to that instance when creating the stack.
4. Remove any storeType property from cacheOptions itself.

Use this list to confirm you have completed the migration steps:

1. Upgraded to @contentstack/delivery-sdk@5.
2. If you use caching (any policy other than IGNORE_CACHE):
   • Installed @contentstack/persistence-plugin (or implement PersistenceStore yourself).
   • Replaced storeType in cacheOptions with persistenceStore: new PersistenceStore({ ... }) (or your custom store).
   • Ensured cacheOptions.persistenceStore is set when you use CACHE_THEN_NETWORK, CACHE_ELSE_NETWORK, or NETWORK_ELSE_CACHE.
3. Ran your tests and verify content fetching and caching behavior.
4. Updated any internal docs or runbooks that reference v4 cache configuration.

Use these checks to validate that your migration is successful:

• Run your tests.
  • Expected result: No failures related to stack initialization or content fetching.
• Verify content fetching and caching behavior.
  • Expected result:
    • The stack initializes without cache configuration errors.
    • Cached responses are returned according to the selected policy.
    • Cached data persists across refresh or restart (if you use a persistent store such as localStorage).

If you need to revert to v4.x:

1. Downgrade to the last known working @contentstack/delivery-sdk v4 version.
2. Revert cacheOptions to the v4 format (for example, restore storeType and remove persistenceStore).
3. Re-run your tests to confirm stack initialization and caching behavior match your previous setup.

• v5 keeps the same API for stacks, content types, entries, assets, and queries. Only the cache configuration changes.
• Cache persistence is now external: use @contentstack/persistence-plugin and cacheOptions.persistenceStore, or provide your own PersistenceStore implementation.
• Remove storeType from cacheOptions; the SDK no longer bundles or accepts it. Follow this guide to move from v4.x to v5 without breaking caching in your app.

For more on the persistence plugin (options like storeType, maxAge, custom storage), see @contentstack/persistence-plugin.