This is a Tina CMS starter project.

Setup

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

Local Development

Install the project's dependencies:

pnpm install

Run the project locally:

pnpm dev

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

Building the Starter Locally (Using the hosted content API)

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

Deploying the Site

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

Build settings

In general, the build settings will look like so:

Environment variables

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

Learn More

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

• 📖 Remix docs
• Tina Docs
• Getting starter guide

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

DIY

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

Make sure to deploy the output of pnpm run build

• build/server
• build/client

Styling

This template comes with Tailwind CSS 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.