https://github.com/dawaltconley/astro-tina

Astro integration for Tina CMS
https://github.com/dawaltconley/astro-tina

Last synced: 4 days ago
JSON representation

Astro integration for Tina CMS

• Host: GitHub
• URL: https://github.com/dawaltconley/astro-tina
• Owner: dawaltconley
• Created: 2023-09-22T02:21:28.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-31T19:04:57.000Z (10 months ago)
• Last Synced: 2024-02-01T19:56:40.111Z (10 months ago)
• Language: TypeScript
• Size: 116 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# astro-tina

An Astro integration for Tina CMS.

At the moment, this integration only provides a client directive that only 

hydrates React components in the Tina CMS visual editor. This allows websites 

to support live editing without shipping React to the client.

```astro

```

## Setup

First, follow the [instructions](https://tina.io/docs/frameworks/astro) to set 

up Tina in your Astro project.

Then, install the integration...

```

npm install astro-tina

```

...and add it to your project config.

```mjs

import { defineConfig } from 'astro/config'

import react from '@astrojs/react'

import tina from 'astro-tina'

// https://astro.build/config

export default defineConfig({

  integrations: [react(), tina()],

})

```

You can now hydrate components using the `client:tina` directive.