getGlobalData()

import dash from "@/lib/dash"

const data = await dash.getGlobalData()

// data.global = {
//   store_name: "My Store",
//   store_description: "The best store around",
//   logo: "https://cdn.dashfordevs.com/logo.png",
//   logo_dark: "https://cdn.dashfordevs.com/logo-dark.png",
//   favicon: "https://cdn.dashfordevs.com/favicon.ico",
//   contact_email: "hello@mystore.com",
//   contact_phone: "555-0123",
//   address: "123 Main St, Austin TX 78701",
//   social_media: {
//     instagram: "https://instagram.com/mystore",
//     facebook: "https://facebook.com/mystore",
//     twitter: "https://twitter.com/mystore",
//   },
//   currency: "USD",
//   timezone: "America/New_York",
//   custom_fields: {},
// }

// app/layout.tsx
import dash from "@/lib/dash"

export default async function RootLayout({ children }) {
  const { global } = await dash.getGlobalData()

  return (
    <html>
      <head>
        <title>{global.store_name}</title>
        <link rel="icon" href={global.favicon} />
      </head>
      <body>
        <header>
          <a href="/"><img src={global.logo} alt={global.store_name} /></a>
        </header>
        {children}
        <footer>
          <p>{global.store_name} · {global.contact_email}</p>
          <div>
            {global.social_media.instagram && <a href={global.social_media.instagram}>Instagram</a>}
            {global.social_media.facebook && <a href={global.social_media.facebook}>Facebook</a>}
          </div>
        </footer>
      </body>
    </html>
  )
}

GET /storefront/global
X-API-Key: pk_live_your_key

const page = await dash.getPageData("/about")
// Returns page sections and content configured in the page builder