The guides featured here will show you how to accomplish specific tasks with Tina. Guides are set up as step-by-step opportunities for learning. They are intended to introduce you to certain APIs, configurations, or workflows and provide rudimentary examples as a reference.
Guides should help you get familiar with a particular workflow or task. Use them to learn the basics, then refer back to the documentation for support in applying general solutions for your distinct needs.
Sometimes the guides will be accompanied with a demo repository — these aren't meant to be starters, but rather a general reference or entry point.
Get support in the community forum at any point. If you see typos or outdated information, feel free to click the 'Edit This Site' button in the footer and open a PR to correct it.
Before you start any guide, it is assumed that you have worked through the Introductory Tutorial to get familiar with Tina Basics.
Guides are organized by various categories. Those in the General category use plain React (or
create-react-app); the information can generally be applied to any React framework (although the implementation may look different). Guides in the Next.js and Gatsby categories contain information specific to individual framework integration.
Using a Git Backend — Set up filesystem-based content management with Git & Next.js.
Using a GitHub Backend — Learn how to manage content in a Next.js site via the GitHub API with
create-next-app. This guide is appropriate for public or private repositories and can also be used to implement Open Authoring.
Step 1: Initial Setup - Step 2: Setup the GitHub OAuth App - Step 3: Adding API Functions - Step 4: Create an Auth Redirect Page - Step 5: Configure the Custom App File - Step 6: Loading Content From GitHub - Step 7: Using GitHub Forms - Step 8: Setup Toolbar Plugins - Step 9: Add a Custom Document for Styles - Step 10: Hosting With Vercel
Using a Git Backend — Set up local filesystem-based content management with Git & Gatsby.