Modelo de CMS de Site Sem Cabeça
Gerenciamento e Entrega de Conteúdo Eficiente

Principais Pontos

Visão geral

Aplicações orientadas a conteúdo demandam gestão eficiente e entrega rápida via API.

Este modelo estabelece estruturas de conteúdo claras com permissões robustas, garantindo que as equipes possam implementar a entrega de conteúdo rapidamente, sem atrasos.

Por que construir seu CMS Headless com Back4app?

Back4app oferece poderosas capacidades de gerenciamento de conteúdo para que sua equipe possa se concentrar no desenvolvimento e desempenho, em vez da infraestrutura de backend.

• •Gerenciamento de conteúdo simplificado: Utilize classes pré-construídas para entrega de conteúdo enquanto Back4app lida com a infraestrutura.
• •Visibilidade de conteúdo segura: Gerencie eficientemente as permissões dos usuários para garantir que o conteúdo seja acessado de forma segura.
• •Capacidades em tempo real: Use Live Queries para atualizações de conteúdo enquanto as APIs REST e GraphQL estão disponíveis para necessidades do cliente.

Aprimore rapidamente os recursos do seu CMS headless com um serviço de backend em todas as tecnologias.

Benefícios principais

Um backend de CMS sem cabeçote que permite iterações rápidas enquanto garante uma segurança de conteúdo de alta qualidade.

Pilha Técnica

Todos os componentes incluídos neste modelo de backend de CMS sem cabeça.

Diagrama ER

Modelo de relacionamento de entidade para o esquema de gerenciamento de conteúdo headless.

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
    }

Fluxo de Integração

Fluxo de trabalho para autenticação, gerenciamento de conteúdo e atualizações.

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

Dicionário de Dados

Referência completa em nível de campo para todas as classes no esquema do CMS headless.

Segurança e Permissões

Estratégias de ACL e CLP protegendo usuários e conteúdo.

Esquema (JSON)

Definição de esquema JSON bruto pronta para integração no Back4app ou como uma implementação de referência.

{
  "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
        }
      }
    }
  ]
}

Playground da API

Experimente os endpoints REST e GraphQL contra o esquema do CMS sem head. As respostas utilizam dados fictícios e não requerem uma conta Back4app.

Esquema semelhante a este modelo.

O que você recebe com cada tecnologia

Cada stack utiliza o mesmo esquema de CMS headless e contratos de API.

Perguntas Frequentes

Perguntas comuns sobre a construção de um CMS headless com este template.