This package provides helpers for setting up TinaCMS with Strapi's GraphQL API.
This package assumes you have a Strapi server available with the GraphQL plugin installed. See Strapi's Docs and the docs for the GraphQL Plugin
yarn add react-tinacms-strapi
We'll use the StrapiClient
and the StrapiMediaStore
to fetch/save data and media through the Strapi API.
import { StrapiClient, StrapiMediaStore } from 'react-tinacms-strapi'
export default function MyApp({ Component, pageProps }) {
const cms = useMemo(
() =>
new TinaCMS({
apis: {
strapi: new StrapiClient("http://localhost:1337/"),
},
media: new StrapiMediaStore("http://localhost:1337/"),
}),
[]
);
return (
<TinaProvider cms={cms}>
<StrapiProvider onLogin={enterEditMode} onLogout={exitEditMode}>
<Component {...pageProps} />
</StrapiProvider>
</TinaProvider>
);
}