Docs
Learn
v.Latest
Introduction
Core Concepts
Querying Content
Editing
Customizing Tina
Going To Production
Media
Drafts
Guides
Framework Guides
Migrating From Forestry
Further Reference
Schema
Search
Content API
Self-Hosted Components
Beginner Series
1 – Your New TinaCMS Site 🌐
2 – Live Editing
3 – The Content Model 🏗️
4 – A Website Builder Experience
Video Tutorials
Frameworks
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) | ./ |
Table of Contents
© TinaCMS 2019–2025