This is a Tina CMS starter project.

Netlify Status

• Fork this repo
• Clone the fork to your local machine.

Install the project's dependencies:

pnpm install

Run the project locally:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Replace the .env.example, with .env

TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
TINA_BRANCH=<Specify the branch with Tina configured>

Build the project:

pnpm build

Then run the app in production mode:

pnpm start

This project can easily be deployed using services like Netlify or Vercel.

In general, the build settings will look like so:

# Build command
pnpm run build
# Output directory
build/client

When setting up the Netlify/Vercel project, apply the TINA_CLIENT_ID & TINA_TOKEN environment variables from your app.tina.io project.

To learn more about Tina, take a look at the following resources:

• 📖 React router docs
• Tina Docs
• Getting starter guide

You can check out Tina Github repository - your feedback and contributions are welcome!

If you're familiar with deploying Node applications, the built-in React router app server is production-ready.

Make sure to deploy the output of pnpm run build

• build/server
• build/client

This template comes with Mantine already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.

• Update CustomTinaMarkdown custom components.