Function: HeadlessApp()

HeadlessApp(props): Element

Defined in: packages/next/src/components/HeadlessApp.tsx:96

The HeadlessApp component is the top level component for the Headless framework.

Should be used in pages/_app.js

Usage

import { HeadlessApp } from "@headstartwp/next";

const MyApp = ({ Component, pageProps }) => {
	const { fallback = {}, themeJson = {}, ...props } = pageProps;

	return (
		<HeadlessApp
			pageProps={pageProps}
			settings={{
				// Pass your own link components here
				linkComponent: Link,
			}}
		>
			<Layout>
				<Component {...props} />
			</Layout>
		</HeadlessApp>
	);
};

export default MyApp;

Parameters

props

HeadlessAppProps

Component props. See HeadlessAppProps

Returns

Element