Skip to content

wearelighthouse/ManyHands-tina

Repository files navigation

ManyHands

ManyHands is an event for product people. The event (and website) is by Lighthouse, a specialist UX and UI design agency based in London.

ManyHands was previously a static single-page website: ManyHands-site

This Next.js app is powered by TinaCMS to allow visuall live editing. ✨

The content is managed through Markdown and JSON files stored in this GitHub repository, and queried through Tina GraphQL API.

Features

  • Tina Headless CMS for authentication, content modeling, visual editing and team management.
  • GitHub Actions and GitHub Pages for automated deployment and hosting, including visual editing from the /admin route.
  • Local development workflow from the filesystem with a local GraqhQL server.

Requirements

Local Development

Install the project's dependencies:

npm install

Run the project locally:

npm run dev

Local URLs

Building the Starter Locally (Using the hosted content API)

Replace the .env.example, with .env

NEXT_PUBLIC_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>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

Build the project:

npm run build

Getting Help

To get help with any TinaCMS challenges you may have:

Development tips

Visual Studio Code GraphQL extension

Install the GraphQL extension to benefit from type auto-completion.

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.

ManyHands-specifics

  • The favicons for the site are in /public/assets, and the favicon for the CMS is /public/vite.svg.

LICENSE

The Tina CMS starter, and any other code included in this repository is licensed under the Apache 2.0 license.

Contributors 7