@cloudcannon/react-connector

CloudCannon React Connector

Using a React based SSG? Want to see give your editors a live visual editing experience? Use the React Connector and connect CloudCannon.

Installation

npm i @cloudcannon/react-connector

Next JS Integration

Update the code in pages/_app.jsx from:

export default function App({ Component, pageProps }) {
	return <Component {...pageProps} />
}

to:

import { CloudCannonConnect } from '@cloudcannon/react-connector'

export default function App({ Component, pageProps }) {
	const AppComponent = CloudCannonConnect(Component);
	return <AppComponent {...pageProps}/>
}

In CloudCannon will now push through new page props from your editors updates.