Kopflose Website CMS Vorlage
Effiziente Inhaltsverwaltung und -bereitstellung

Wichtige Erkenntnisse

Übersicht

Inhaltsgetriebene Anwendungen erfordern eine effiziente Verwaltung und eine schnelle Bereitstellung über die API.

Dieses Modell schafft klare Inhaltsstrukturen mit robusten Berechtigungen, damit Teams Inhalte schnell ohne Verzögerungen bereitstellen können.

Warum Ihr Headless CMS mit Back4app erstellen?

Back4app bietet leistungsstarke Content-Management-Funktionen, damit Ihr Team sich auf Entwicklung und Leistung anstatt auf Backend-Infrastruktur konzentrieren kann.

• •Optimiertes Content-Management: Nutzen Sie vorkonfigurierte Klassen für die Inhaltsbereitstellung, während Back4app die Infrastruktur verwaltet.
• •Sichere Inhaltssichtbarkeit: Verwalten Sie Benutzerberechtigungen effizient, um sicherzustellen, dass Inhalte sicher abgerufen werden.
• •Echtzeitfähigkeiten: Verwenden Sie Live Queries für Inhaltsaktualisierungen, während REST- und GraphQL-APIs für Kundenbedürfnisse zur Verfügung stehen.

Erweitern Sie die Funktionen Ihres headless CMS schnell mit einem Backend-Service über alle Technologien hinweg.

Kernvorteile

Ein headless CMS-Backend, das schnelle Iterationen ermöglicht und gleichzeitig erstklassige Inhaltsicherheit gewährleistet.

Technologischer Stack

Alle Komponenten sind in dieser Headless-CMS-Backend-Vorlage enthalten.

ER-Diagramm

Entitätsbeziehungsmodell für das headless Content-Management-Schema.

erDiagram
    User ||--o{ Content : "owner"
    User ||--o{ Asset : "uploader"
    Content ||--o{ Asset : "content"

    User {
        String objectId PK
        String username
        String email
        String password
        String role
        Date createdAt
        Date updatedAt
    }

    Content {
        String objectId PK
        String title
        String body
        Pointer owner FK
        Date createdAt
        Date updatedAt
    }

    Asset {
        String objectId PK
        String fileUrl
        Pointer content FK
        Date createdAt
        Date updatedAt
    }

Integrationsfluss

Arbeitsablauf für Authentifizierung, Content-Management und Aktualisierungen.

sequenceDiagram
  participant User
  participant App as Headless Website CMS App
  participant Back4app as Back4app Cloud

  User->>App: Login
  App->>Back4app: POST /login
  Back4app-->>App: Session token

  User->>App: Create content
  App->>Back4app: POST /classes/Content
  Back4app-->>App: Newly created content object

  User->>App: Retrieve content
  App->>Back4app: GET /classes/Content
  Back4app-->>App: List of content

  User->>App: Upload asset
  App->>Back4app: POST /classes/Asset
  Back4app-->>App: Newly uploaded asset object

Datenwörterbuch

Vollständige Feld-Referenz für alle Klassen im headless CMS-Schema.

Sicherheit und Berechtigungen

ACL- und CLP-Strategien zum Schutz von Benutzern und Inhalten.

Schema (JSON)

Roh-JSON-Schemadefinition bereit zur Integration in Back4app oder als Referenzimplementierung.

{
  "classes": [
    {
      "className": "User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "role": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Content",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "body": {
          "type": "String",
          "required": true
        },
        "owner": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Asset",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "fileUrl": {
          "type": "String",
          "required": true
        },
        "content": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Content"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

API-Spielplatz

Experimentieren Sie mit REST- und GraphQL-Endpunkten gegen das headless CMS-Schema. Antworten verwenden Mock-Daten und erfordern kein Back4app-Konto.

Ähnliches Schema wie diese Vorlage.

Was Sie mit jeder Technologie erhalten

Jeder Stack nutzt dasselbe headless CMS-Schema und API-Verträge.

Häufig gestellte Fragen

Allgemeine Anfragen zum Erstellen eines Headless-CMS mit dieser Vorlage.