Setup

Every Replo site mounts these once, in app/layout.tsx and next.config.ts. They are the most-imported modules in the SDK.

`providers/replo-provider`

@replohq/sdk/providers/replo-provider

`ReploProvider`

Root provider for a Replo site. Mount it once in app/layout.tsx, wrapping the whole app. It sets up the React Query client every data loader reads from, the analytics layer, and cart state, so useCart, useAnalytics, and the loader components only work beneath it.

import { ReploProvider } from "@replohq/sdk/providers/replo-provider";

ReploProvider: ({ children }: React.PropsWithChildren) => Promise<JSX.Element>

export default function RootLayout({ children }: React.PropsWithChildren) {
  return (
    <html lang="en">
      <body>
        <ReploProvider>{children}</ReploProvider>
      </body>
    </html>
  );
}

`next/config`

@replohq/sdk/next/config

`siteConfig`

Builds the site’s next.config.ts, layering your options over Replo’s platform defaults (image loader, preview origins, build settings). Add keys freely: nested blocks are deep-merged, and platform wiring always wins, so setting one nested option never drops the rest of the block. Export the result as the default from next.config.ts. A site that needs no customization can re-export this module’s own default instead.

import { siteConfig } from "@replohq/sdk/next/config";

siteConfig: (overrides?: NextConfig) => NextConfig

Parameter	Description
`overrides`	Next.js config options to layer on top of the defaults.

Returns: The merged Next.js config.

import { siteConfig } from "@replohq/sdk/next/config";

export default siteConfig({ experimental: { typedRoutes: true } });

Also exported

Export	Kind	Type
`default`	const	`NextConfig`

`next/image-loader`

@replohq/sdk/next/image-loader Exports

Export	Kind	Type
`default`	function	`({ src, width, quality, }: ImageLoaderProps) => string`

`next/open-next`

@replohq/sdk/next/open-next Exports

Export	Kind	Type
`default`	const	`OpenNextConfig`

`lib/buildMetadata`

@replohq/sdk/lib/buildMetadata Exports

Export	Kind	Type
`BUILD_METADATA`	const	`{ packageName: string; version: string; branch: string \| null; commit: string \| null; builtAt: string \| null; }`

Overview

Reference

`providers/replo-provider`

`ReploProvider`

`next/config`

`siteConfig`

`next/image-loader`

`next/open-next`

`lib/buildMetadata`

​providers/replo-provider

​ReploProvider

​next/config

​siteConfig

​next/image-loader

​next/open-next

​lib/buildMetadata

`providers/replo-provider`

`ReploProvider`

`next/config`

`siteConfig`

`next/image-loader`

`next/open-next`

`lib/buildMetadata`