/tina-cloud-starter

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

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Tina Starter 🦙

Preview homepage

This Next.js starter is powered by TinaCMS for you and your team to visually live edit content while browing the website. ✨
The content is managed through text files stored in your GitHub repository, and queried through our Tina GraphQL API.

Getting Started

Overview

  • Local Development workflow from the filesystem and a local GraqhQL server.
  • Tina headless backend to save changes back to GitHub and invite collaborators.
  • Media management with Cloudinary
  • Deploy on Vercel to visually edit your site from /admin route.

Requirements

Local development

Install the project's dependencies with

yarn install

Run the project locally with

yarn dev

URLs

Typescript

A good way to ensure your components match the shape of your data is to leverage the auto-generated TypeScript types. These are rebuilt when your .tina config changes.

Visual Studio Code

GraphQL extension

TinaCMS generates your GraphQL schema automatically. 🪄

Install GraphQL extension to benefit from type auto-completion.

Explore the GraphQL API

When your run the server locally, you can browse the GraphQL docs and test your queries in http://localhost:4001/altair.

Getting Help

TinaCMS backend is in public beta, you might face issues, to provide feedback or get help with any challenges you may have:

LICENSE

Licensed under the Apache 2.0 license.