tina cloud starter

Tina Starter?

Dieser nächste.

Der Inhalt wird durch Markdown- und JSON -Dateien verwaltet, die in Ihrem Github -Repository gespeichert und über die Tina GraphQL -API abgefragt wurden.

Merkmale

• Tina Headless CMS für Authentifizierung, Inhaltsmodellierung, visuelle Bearbeitung und Teammanagement.
• Vercel -Bereitstellung, um Ihre Website über die /admin -Route visuell zu bearbeiten.
• Lokale Entwicklungs -Workflow aus dem Dateisystem mit einem lokalen Graqhql -Server.

Anforderungen

• Git, Node.js Active LTS, PNPM für die lokale Entwicklung installiert.
• Ein Tinacms -Konto für die Live -Bearbeitung.

Lokale Entwicklung

Installieren Sie die Abhängigkeiten des Projekts:

Notiz

Kennen Sie den besten Paketmanager für node.js? Wenn Sie den richtigen Paketmanager verwenden, können Sie Ihren Entwicklungsworkflow erheblich verbessern. Wir empfehlen, PNPM für die Geschwindigkeit und effiziente Umgang mit Abhängigkeiten zu verwenden. Erfahren Sie mehr darüber, warum PNPM die beste Wahl für Ihre Projekte ist, indem Sie diese Regel von SSW überprüfen.

 pnpm install

Führen Sie das Projekt lokal aus:

 pnpm dev

Lokale URLs

• http: // localhost: 3000: Durchsuchen Sie die Website
• http: // localhost: 3000/admin: eine Verbindung zu Tina Cloud herstellen und im Bearbeitungsmodus gehen
• http: // localhost: 3000/exit-admin: melden Sie sich aus Tina Cloud an
• http: // localhost: 4001/Altair/: GraphQL -Spielplatz zum Testen von Abfragen und zum Durchsuchen der API -Dokumentation

Erstellen Sie den Starter lokal (mit der gehosteten Content -API)

Ersetzen Sie das .env.example durch .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>

Bauen Sie das Projekt auf:

pnpm build

Hilfe bekommen

Um Hilfe bei allen TinacMS -Herausforderungen zu erhalten, die Sie möglicherweise haben:

• Besuchen Sie die Dokumentation, um über Tina zu erfahren.
• Schließen Sie sich unserer Zwietracht an, um Feedback zu teilen.
• Besuchen Sie das Community -Forum, um Fragen zu stellen.
• Erhalten Sie Unterstützung über das Chat -Widget auf dem Tinacms Dashboard
• Senden Sie uns eine E -Mail, um einen Anruf mit unserem Team zu vereinbaren und mehr über Ihren Kontext und das, was Sie erreichen möchten.
• Suchen oder öffnen Sie ein Problem, wenn etwas nicht funktioniert.
• Erreichen Sie auf Twitter unter @tina_cms.

Entwicklungstipps

Visual Studio Code GraphQL -Erweiterung

Installieren Sie die GraphQL-Erweiterung, um von der automatischen Vervollständigung vom Typ zu profitieren.

Typoskript

Eine gute Möglichkeit, um sicherzustellen, dass Ihre Komponenten mit der Form Ihrer Daten übereinstimmen, besteht darin, die automatisch generierten Typskriptypen zu nutzen. Diese werden wieder aufgebaut, wenn sich Ihre tina -Konfiguration ändert.

LIZENZ

Lizenziert unter der Apache 2.0 -Lizenz.