> For the complete Lynkow documentation index in agent-friendly format, see [llms.txt](/llms.txt). # Pages & Site Configuration **Publié le** : 2026-08-14 **Catégorie** : Features This guide covers how to fetch your site configuration, render global layout elements (header, footer), display pages with dynamic data, handle SEO metadata, and build navigation -- everything you need to turn Lynkow into the backbone of your Next.js site. > **Reference** - This guide is a tutorial. For exhaustive, always-current signatures and field lists, see the auto-generated reference: > > - SDK: [`PagesService`](/docs/sdk/services/sdk-pages-service) > - SDK: [`SiteService`](/docs/sdk/services/sdk-site-service) > - API: [Storefront: Pages](/docs/storefront-api/storefront-pages) ## Prerequisites You should have the Lynkow SDK installed and a client initialized. If not, see [Guide 1: Installation](/docs/sdk/getting-started/quick-start). ```typescript // lib/lynkow.ts import { createClient } from 'lynkow' export const lynkow = createClient({ siteId: process.env.NEXT_PUBLIC_LYNKOW_SITE_ID!, fetchOptions: { next: { revalidate: 60 }, }, }) ``` --- ## 1. Fetch site config for your layout The `globals.siteConfig()` method returns everything you need to build a consistent layout: site metadata, the active locale, and all global blocks (header, footer, or any custom blocks you have defined in the admin). ```typescript const { data } = await lynkow.globals.siteConfig() ``` ### Response shape The layout example below reads these fields: ```typescript { data: { site: { name: string; favicon: string | null } locale: string // Active locale, e.g. "en" globals: Record // Each block exposes a `data` object } } ``` See the full `SiteConfig` and `GlobalBlock` shapes in the [SDK Types reference](/docs/sdk/types). The `data` field structure depends on how you have configured the block schema in the Lynkow admin. For example, a header block might have `navigation`, `logo`, and `cta` fields, while a footer block might have `columns`, `social`, and `copyright`. --- ## 2. Layout component Use `globals.siteConfig()` in your root layout to fetch everything in a single request. This is a Server Component, so the data is fetched at build time (or revalidated on schedule with ISR). ```tsx // app/layout.tsx import { lynkow } from '@/lib/lynkow' import { Header } from '@/components/header' import { Footer } from '@/components/footer' export default async function RootLayout({ children, }: { children: React.ReactNode }) { const { data } = await lynkow.globals.siteConfig() const header = data.globals['header'] const footer = data.globals['footer'] return ( {data.site.favicon && ( )} {header &&
}
{children}
{footer &&