Frameworks
Which Frameworks does TinaCMS support?
TinaCMS's default "basic editor" works in a wide variety of frameworks. It reads/writes file-based content (Markdown, MDX, JSON, etc).
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.
TinaCMS 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 TinaCMS with each framework
When configuring TinaCMS, 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) | ./ |