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

Getting Started

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: {
          store: new StrapiMediaStore("http://localhost:1337/"),
  return (
    <TinaProvider cms={cms}>
      <StrapiProvider onLogin={enterEditMode} onLogout={exitEditMode}>
        <Component {...pageProps} />

View on GitHub ->