React Templates & Themes Logo React Templates & Themes
Tina Cloud Starter screenshot

Tina Cloud Starter

Author Avatar Theme by Tinacms
Updated: 17 Apr 2025
257 Stars

Next.js starter for TinaCMS: live edit your website visually

Github Live Preview

Categories

Nextjs Tailwind Tinacms Headless ui

Overview

Tina Starter is a Next.js starter powered by TinaCMS that allows you and your team to visually live edit the structured content of your website. The content is managed through Markdown and JSON files stored in your GitHub repository and queried through Tina GraphQL API.

Features

  • Tina Headless CMS: Provides authentication, content modeling, visual editing, and team management.
  • Vercel deployment: Allows you to visually edit your site from the /admin route.
  • Local development workflow: Works from the filesystem with a local GraphQL server.

Installation

To install Tina Starter, follow these steps:

  1. Make sure you have Git, Node.js Active LTS, and Yarn installed for local development.
  2. Install the project’s dependencies:
yarn install
  1. Run the project locally:
yarn dev

Summary

Tina Starter is a powerful Next.js starter powered by TinaCMS that enables you and your team to easily edit the content of your website. Its key features include a headless CMS, Vercel deployment, and a local development workflow. By following the installation guide, you can quickly set up Tina Starter and begin visually editing your website’s content.