Overview

The Frontend Config package allow access to store configuration values, such as store name, id and many more.

📘

If you are using Storybook to develop Components and Sections to your store, and you need direct access to your store's configuration values, follow this guide on how to add frontend-config to your local environment setup.

Import

frontend-config is already pre-installed on every Shogun Frontend store. To import:

import getConfig from 'frontend-config'

Usage

import React from 'react'
import getConfig from 'frontend-config'

const config = getConfig()

const MyComponent = () => {
  console.log(config) // { publicRuntimeConfig: {...}, serverRuntimeConfig: {} }
  
  return (
    <p>
      Welcome to {config.publicRuntimeConfig.storeName} store!
    </p>
  )
}

export default MyComponent

Output