Skip to content

Latest commit

 

History

History
83 lines (50 loc) · 2.12 KB

README.md

File metadata and controls

83 lines (50 loc) · 2.12 KB
Raw

This is a Tina CMS starter project.

remix-tinacms.gif

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: image

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:

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.