Use Tina.io CMS

Would you like to make it easier for someone (a non-techie, perhaps) in your team to make edits easily?

You may skip to the next section, if not interested.

Let's sync your site with Tina CMS.

  1. Check the root of your site. If you do not have a tina folder. Download it using this command.

    curl -fsSL https://raw.githubusercontent.com/onweru/compose/master/install-tina-cms.sh | bash
    
    The exampleSite already comes with prefilled placeholder Tina settings. If you set up your site using [option 2](../install-theme/#option-2-recommended)
    
  2. Update ./tina/config.js & .env accordingly

     1  ...
     2  build: {
     3    outputFolder: "admin",
     4    publicFolder: "static",
     5  },
     6  media: {
     7    tina: {
     8      mediaRoot: "images",
     9      publicFolder: "static",
    10    },
    11  },
    12  schema: {
    13    collections: [
    14      ...
    15    ],
    16  },
    17  search: {
    18    tina: {
    19      indexerToken: process.env.TINA_SEARCH_TOKEN!,
    20      stopwordLanguages: ["deu", "eng", "fra", "ita", "spa", "nld"]
    21    },
    22    indexBatchSize: 100,
    23    maxSearchIndexFieldLength: 100
    24  }
    25  ...
    
  3. Run the CMS locally

    1# you can use `pnpm, yarn or npm` instead of bun
    2bun install && bun dev
    3# if dependencies are already installed
    4bun dev
    
  4. When in doubt check tina CMS docs