The Editing Experience

Accessing the CMS

On running, TinaCMS creates a static build of your site. This (and the editor) can be accessed at the /admin/index.html route of your website.

In the video above, NextJS rewrites are used to access /admin/index.html on /admin.

If there's no current session, you'll be prompted to login.

Figure: The TinaCMS login screen at /admin

Making Changes

Making changes is super simple.

One or more Collections (content structures) will appear in the Global Navigation. Each takes you to the Document List for that Collection.

Figure: The Global Navigation and the Document List for a collection

Clicking on a document takes you to its editor.

The save button adds any changes into your content files.

Figure: The document editor, with the live site preview on the right