Out of the box, once you define a new collection in Tina, its content becomes available through the "basic editor".

Tina also allows for "Visual Editing" so that editors can see their pages being updated in real-time as they make changes

Adding contextual-editing to a page

To add visual editing to a page, you'll need to hydrate the pages data. In React, this is done by using the useTina hook. We are currently working on adding support for other frameworks such as vue.

Video Tutorial

For those who prefer to learn from video, you can check out a snippet on Visual Editing from our "TinaCMS Deep Dive" series.