tina cloud starter

Tina Starter?

Ce démarreur suivant est propulsé par TinACMS pour que vous et votre équipe à modifier visuellement le contenu structuré de votre site Web.

Le contenu est géré via Markdown et des fichiers JSON stockés dans votre référentiel GitHub et interrogé via l'API Tina GraphQL.

Caractéristiques

• TINA CMS sans tête pour l'authentification, la modélisation de contenu, l'édition visuelle et la gestion d'équipe.
• Vercel Deployment pour modifier visuellement votre site à partir de la route /admin .
• Flux de travail de développement local à partir du système de fichiers avec un serveur GRAQHQL local.

Exigences

• GIT, Node.js LTS actifs, PNPM installés pour le développement local.
• Un compte TinACMS pour l'édition en direct.

Développement local

Installez les dépendances du projet:

Note

Connaissez-vous le meilleur gestionnaire de packages pour node.js? L'utilisation du bon gestionnaire de packages peut considérablement améliorer votre flux de travail de développement. Nous vous recommandons d'utiliser PNPM pour sa vitesse et sa manipulation efficace des dépendances. En savoir plus sur les raisons pour lesquelles PNPM pourrait être le meilleur choix pour vos projets en consultant cette règle de SSW.

 pnpm install

Exécutez le projet localement:

 pnpm dev

URL locales

• http: // localhost: 3000: parcourez le site Web
• http: // localhost: 3000 / admin: se connecter à Tina Cloud et passer en mode édition
• http: // localhost: 3000 / exit-admin: déconnectez-vous de Tina Cloud
• http: // localhost: 4001 / altair /: graphQL Playground pour tester les requêtes et parcourir la documentation de l'API

Construire le démarreur localement (en utilisant l'API de contenu hébergé)

Remplacer le .env.example , par .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>

Construisez le projet:

pnpm build

Obtenir de l'aide

Pour obtenir de l'aide pour tous les défis TinACMS que vous pourriez avoir:

• Visitez la documentation pour en savoir plus sur Tina.
• Rejoignez notre discorde pour partager les commentaires.
• Visitez le forum communautaire pour poser des questions.
• Obtenez la prise en charge du widget de chat sur le tableau de bord TinACMS
• Envoyez-nous un courriel pour planifier un appel avec notre équipe et partager plus sur votre contexte et ce que vous essayez de réaliser.
• Recherchez ou ouvrez un problème si quelque chose ne fonctionne pas.
• Contactez Twitter à @tina_cms.

Conseils de développement

Extension GraphQL de code Visual Studio

Installez l'extension GraphQL pour bénéficier de la complétion automatique de type.

Manuscrit

Un bon moyen de s'assurer que vos composants correspondent à la forme de vos données consiste à tirer parti des types de dactylographies générés automatiquement. Ceux-ci sont reconstruits lorsque votre configuration tina change.

LICENCE

Licencié sous la licence Apache 2.0.