Loving Tina? us on GitHub0.0k
v.Latest
Documentation

Frameworks

Loading last updated info...
On This Page

Which Frameworks does Tina support?

Tina's default "basic editor" works in a wide variety of frameworks. It reads/writes file-based content (Markdown, MDX, JSON, etc).

basic editor

Astro is our default starter. If you are starting a new site and have no framework preference, start there. Every framework below is still supported.
Tina also supports "Visual Editing" so that editors can see their pages being updated in real-time as they make changes. Visual editing is available in React-based frameworks (NextJS, React, etc), and in Astro without any React in your page tree.

Configuring Tina with each framework

When configuring Tina, you will be prompted to provide a publicFolder in your tina config. Here are some default values for some common frameworks:

Framework

Public assets directory

Astro

public

NextJS

public

Create React App

public

Hugo

static

Jekyll

./

Gatsby

static

Nuxt v3

public

Nuxt v2

static

Remix

public

Vue

public

Eleventy

Configured per project

Plain HTML site (using JSON)

./