Pré-visualizando conteúdo

Depois de criar ou editar uma entrada, você possivelmente vai querer ver como ela se parece para ver se está correta e conforme o planejado ou então planejar quaisquer alterações caso necessárias. Para isso, o Starlight permite que você pré-visualize conteúdo não publicado de duas maneiras: via API, ou diretamente na sua aplicação.

Visualização na API

A visualização de uma entrada na API serve para você ver como a sua entrada estará estruturada quando você requisitá-la pela API ou por um SDK do Starlight. Ela sempre estará em formato de JSON disposta da seguinte forma:

{
  "data": {
    "id": 12345678,
    "title": "Título da entrada",
    "slug": "titulo-da-entrada",
    "data": { ... },    // Objeto com dados da entrada e seus campos
    "author": { ... },  // Objeto com dados do autor da entrada
    "model": { ... },   // Objeto com dados do modelo da entrada
    "category": null,   // Objeto com dados da categoria da entrada (ou null se não houver categoria)
    "updated_at": "2023-05-02T17:04:51.000000Z",  // Data da última atualização da entrada
    "published_at": "2023-04-27T17:44:36.000000Z" // Data da publicação da entrada
  }
}

Para visualizar uma entrada na API, basta clicar no botão de "Visualizar na API" ao lado do botão de salvar. Caso apareça o botão de "Visualizar ao vivo", o botão de visualização na API estará presente nas reticências ao lado. Ao clicar nele, você será redirecionado para uma página que contém apenas o JSON com informações daquela entrada.

Dica

Dependendo do navegador, o JSON poderá ser meio ilegível nessa forma "crua" (não-formatada), mas existem extensões nos navegadores que permitem uma melhor visualização, como essa para o Chrome. Já o Firefox, por exemplo, tem um visualizador de JSON nativo.

Visualização ao vivo

Caso você tenha configurado uma URL de prévia durante a criação ou a edição do modelo, a opção padrão de visualização de entrada será a de visualização ao vivo. Nesse tipo de visualização, você poderar editar sua entrada e visualizar como ela ficará na sua interface após as mudanças.

Para entender como configurar a URL de prévia e habilitar a visualização ao vivo, basta acessar a sua seção em modelos.