Frameworks
Table of Contents
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).
Tina also allows support for "Visual Editing" so that editors can see their pages being updated in real-time as they make changes. Visual editing is currently limited to React-based frameworks (NextJS, React, etc).
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 |
| NextJS | public |
| Astro | 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) | ./ |
Product
Showcase
TinaCloud
Introduction
How Tina Works
Roadmap
Resources
Blog
Examples
Support
Media
Whats New
TinaCMS
TinaCloud
Use Cases
Agencies
Documentation
Teams
Jamstack CMS
Benefits
MDX
Markdown
Git
Editorial Workflow
Customization
SEO
Comparisons
TinaCMS vs Storyblok
TinaCMS vs Sanity
TinaCMS vs DecapCMS
TinaCMS vs Contentful
TinaCMS vs Builder.io
TinaCMS vs Strapi
Integrations
Astro
Hugo
NextJS
Jekyll
© TinaCMS 2019–2024