GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - completejavascript/tina-react-router-starter: TinaCMS with React Router framework & Mantine UI starter

BranchesTags
Open more actions menu

Latest commit

 

History

25 Commits
25 Commits

Folders and files

NameName
Last commit message
Last commit date
app
app
 
 
content/posts
content/posts
 
 
public
public
 
 
tina
tina
 
 
.dockerignore
.dockerignore
 
 
.env.example
.env.example
 
 
.gitignore
.gitignore
 
 
Dockerfile
Dockerfile
 
 
README.md
README.md
 
 
netlify.toml
netlify.toml
 
 
package.json
package.json
 
 
pnpm-lock.yaml
pnpm-lock.yaml
 
 
postcss.config.cjs
postcss.config.cjs
 
 
react-router.config.ts
react-router.config.ts
 
 
tsconfig.json
tsconfig.json
 
 
vite.config.ts
vite.config.ts
 
 

Repository files navigation

This is a Tina CMS starter project.

Netlify Status

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

# Build command
pnpm run build

# Output directory
build/client

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:

  • 📖 React router 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 React router app server is production-ready.

Make sure to deploy the output of pnpm run build

  • build/server
  • build/client

Styling

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.

TODO

  • Update CustomTinaMarkdown custom components.

About

TinaCMS with React Router framework & Mantine UI starter

tina-rr7-starter.netlify.app

Topics

mantinemantine-uireact-routerreact-router-v7tinatinacms

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.