---
title: "Um tour pela página do projeto | Briks"
url: https://briks.dev/pt-br/docs/the-project-page
description: "Estúdio do Briks: tour guiado por um projeto, com conversa, prévia ao vivo, larguras de tela, abas da barra superior, Settings e Publish."
last_updated: 2026-10-08
---

# Um tour pela página do projeto

Todo site, app ou dashboard que você cria na Briks tem sua própria página de projeto. É nela que você conversa com a Briks, vê o site mudar e acessa tudo o mais que o projeto tem. Este tour passa por ela uma vez, para você saber para que serve cada parte antes de precisar dela.

10 min de leitura Conferido com o estúdio em 8 de outubro de 2026

1. 1 Onde você está: **Projects**, depois o nome do projeto, com o endereço dele em telas largas. Abaixo, as abas do projeto em palavras: **Studio**, **Analytics**, **Media**, **Database** (quando o projeto tem um e, antes disso, para Owners e Admins), **Storage**, **Chatbot** e **Settings**.
2. 2 A conversa. Peça uma mudança ou faça uma pergunta em palavras simples.
3. 3 A prévia do seu site, atualizada após cada publicação.
4. 4 Ferramentas da prévia: a largura de visualização, recarregar, tela cheia e abrir em nova aba.
5. 5 **Publish** leva o site para produção quando você estiver pronto.

A página de projeto de um site de padaria de exemplo: onde você está e **Publish** na barra superior, as abas do projeto abaixo dela, a conversa à esquerda e a prévia ao vivo à direita.

## Abrir um projeto

Clique em **Projects** na barra lateral e depois no projeto que você quer. Seus projetos mais recentes também aparecem listados em **Projects** na própria barra lateral, cada um com um ponto indicando o estado, para você ir direto a um deles. Um projeto sempre abre na aba **Studio**: a conversa e a prévia lado a lado.

Onde

1. Projects
2. Your project
3. Studio

Em um notebook ou desktop, os dois ficam lado a lado. Em uma tela estreita, como a de um celular, a conversa vem primeiro e a prévia fica embaixo.

## A barra superior

A barra no topo diz onde você está. Na aba **Studio**, ela mostra **Projects** e o nome do projeto. Em qualquer outra aba, o nome da aba vem em seguida, depois qualquer seção ou visão aberta dentro dela, por exemplo Projects / Crumb & Co bakery / Settings / Domain. Cada parte antes da última é um link de volta. Em tela larga, o endereço ao vivo do projeto fica ao lado do nome e abre o site em uma nova aba.

Abaixo dessa linha há uma fileira de abas em palavras, com a aberta sublinhada. No celular a fileira rola para o lado, e a linha acima dela mostra só o nome do projeto.

| Aba | O que ele guarda | Saiba mais |
| --- | --- | --- |
| **Studio** | A conversa e a prévia. Alterações e perguntas vêm para cá. | [Fazendo alterações](https://briks.dev/pt-br/docs/making-changes) |
| **Visual Editor** | Sua própria página ao lado de um painel: clique em qualquer coisa para mudar textos, imagens e aparência, e publique sem usar créditos. Vem com os planos pagos. | [Editor visual](https://briks.dev/pt-br/docs/visual-editor) |
| **Analytics** | Visitantes, páginas e de onde eles vieram, em uma visão **Data** e uma visão **Settings**. | [Análises](https://briks.dev/pt-br/docs/analytics) |
| **Marketing** | Posts para as contas sociais do site. A aba aparece quando a publicação está aberta no Briks. | [Marketing e publicações sociais](https://briks.dev/pt-br/docs/marketing) |
| **Mídia** | Cada imagem e vídeo que o site mostra na última publicação, cada um com **Replace**. | [Biblioteca de mídia](https://briks.dev/pt-br/docs/media-library) |
| **Database** | O que o site armazena, coleção por coleção. Aparece quando o projeto tem um banco de dados e, antes disso, só para Owner e Admin, para que possam criar um. | [Banco de dados](https://briks.dev/pt-br/docs/database) |
| **Armazenamento** | Os arquivos que o projeto guarda, para as páginas dele e para você, nas visualizações **Files**, **Usage** e **Settings**. | [Armazenamento](https://briks.dev/pt-br/docs/storage) |
| **Chatbot** | Um chat para o site publicado que responde com base nas próprias páginas e repassa o que não sabe responder. | [Chatbot](https://briks.dev/pt-br/docs/chatbot) |
| **Settings** | Todo o resto: o nome e as marcas do projeto, o domínio, formulários, chats, e-mail, versões, backups e ferramentas para desenvolvedores. | Veja abaixo |

No canto direito da barra, depois que o site for publicado pela primeira vez, você verá uma etiqueta cinza **Preview** e um botão **Publish**. Cada versão gerada vai primeiro para um endereço de prévia. Ele fica fora dos mecanismos de busca, e as mensagens enviadas pelos formulários ficam guardadas no estúdio em vez de chegarem por e-mail. **Publish** faz uma verificação de lançamento e, se nada precisar de correção, leva o site para produção. Depois disso, o botão passa a mostrar **In production**, e ao clicar nele aparece a opção **Back to preview**.

A publicação espera as construções

Enquanto uma criação ou alteração está em andamento, **Publish** fica em cinza com a dica “Wait for the current build to finish”. O botão volta assim que o trabalho termina. O passo a passo completo está em [Publicar em produção](https://briks.dev/pt-br/docs/publish-to-production).

## A conversa

O lado esquerdo é uma conversa contínua entre você e Briks. Suas mensagens ficam à direita em balões escuros e as respostas de Briks ficam à esquerda. Embaixo de cada resposta há uma linha pequena com os créditos cobrados por aquele pedido e mais ou menos quanto tempo levou. Acima da conversa, uma etiqueta de status mostra em que ponto o site está (**Draft**, **Building**, **Live** ou **Needs attention**) e, depois que algo for cobrado, o total acumulado do projeto em créditos.

- **Peça uma alteração** em palavras simples, como `Adicione nosso horário de sábado ao rodapé: 9h às 13h`. O Briks cria e publica. Veja [Como fazer alterações](https://briks.dev/pt-br/docs/making-changes).
- **Ask a question**, como `When did the site last change?`. O Briks responde na conversa sem criar nada. Veja [Fazendo perguntas](https://briks.dev/pt-br/docs/asking-questions).
- **Responda às perguntas do Briks** antes de uma primeira construção, ou aprove os textos, o visual ou a seção principal se essas etapas estiverem ativadas. Veja [Aprovar durante a construção](https://briks.dev/pt-br/docs/approval-steps).

A caixa na parte de baixo mostra “Change the hero, add a page, adjust the colours…” até você digitar. Enter envia, e Shift com Enter inicia uma nova linha. Ao lado da caixa há três botões: **Attach pictures**, **Add from your media** e **Speak your request**. Abaixo dela há uma chave, **Check the site after this change**, que examina o site publicado em quatro tamanhos de tela e corrige o que aparecer quebrado. Ela leva alguns minutos a mais, e a sua escolha fica lembrada para esse site no seu navegador.

Se o seu papel for Viewer, a caixa é substituída por um aviso: “Você pode ver este projeto. As alterações são feitas por Editors, Admins e Owners deste espaço de trabalho.” Você continua vendo toda a conversa e a prévia.

### Enquanto algo está sendo criado

Um painel aparece na conversa com um cronômetro, as etapas do trabalho e uma linha embaixo dizendo o que a Briks está fazendo agora. Em uma alteração, as etapas são **Applying your changes**, **Verifying build** e **Publishing**, mais **Checking the published site** se você ativou a verificação. Um botão **Stop** fica ao lado do cronômetro. A caixa continua aberta e o botão dela muda para **Queue**, então você pode enfileirar o próximo pedido enquanto este termina.

## A prévia

O lado direito é o seu site real, publicado, dentro de um quadro. Não é uma imagem: você pode rolar a página, clicar nos botões e usar o menu do próprio site para navegar entre as páginas. A etiqueta acima dele mostra **Live preview** com o horário da última publicação, e o quadro recarrega sozinho logo depois de cada publicação, então você sempre vê o que os visitantes veem.

| Controle | O que ele faz |
| --- | --- |
| **Desktop** | Mostra o site na largura total do quadro. |
| **Tablet** | Mostra com 834 pixels de largura, com moldura, como um tablet na vertical. |
| **Phone** | Mostra com 390 pixels de largura, como um celular comum. |
| A lista de páginas | Aparece quando o site tem mais de uma página: escolha uma página para abri-la no quadro. |
| Setas de desfazer e refazer | Volte à versão anterior ou avance de novo. Veja [Versões](https://briks.dev/pt-br/docs/versions). |
| **Versions** (o relógio, mostrando o número atual, como v7) | Lista todas as versões salvas, com **Make live** e **Test against live**. |
| **Reload preview** | Recarrega a página sem esperar uma publicação. |
| **Full screen** | Dá à prévia a janela inteira. Pressione Esc para fechar. |
| **Open in new tab** | Abre o site no próprio endereço. |

Antes da primeira publicação ainda não há um site para mostrar, então a prévia monta sua página parte por parte conforme Briks a planeja e escreve. Quando outras páginas forem planejadas, pequenas abas (**Home** e o nome de cada página) permitem ver cada uma. [Acompanhar uma criação](https://briks.dev/pt-br/docs/watching-a-build) explica essa visualização.

Abra espaço

Arraste a alça fina entre a conversa e a prévia para dar mais espaço a um dos lados, e clique duas vezes nela para voltar ao padrão. A largura que você escolher e o tamanho de tela selecionado ficam lembrados no seu navegador.

## A aba Settings

**Settings** reúne tudo o que não é uma aba própria. Abre em **General**, com todas as seções listadas à esquerda em grupos. Em tela estreita, como um celular, a lista se recolhe sob um controle que mostra **Settings:** e o nome da seção aberta. Toque nele para escolher outra.

| Seção | Grupo | Para que serve | Saiba mais |
| --- | --- | --- | --- |
| **General** | No topo | Nome, logo, favicon, o selo Built with Briks, Made with Briks, cópia, mudança e exclusão. | [Configurações do projeto](https://briks.dev/pt-br/docs/project-settings) |
| **Domínio** | No topo | O endereço do site e os seus próprios domínios. | [Conecte seu domínio](https://briks.dev/pt-br/docs/custom-domains) |
| **Preferences** | No topo | As regras que toda criação segue, de onde vêm as imagens, o que cada alteração faz e os sites dos quais o seu site pode carregar conteúdo. | [Configurações do projeto](https://briks.dev/pt-br/docs/project-settings) |
| **Forms** | **Forms and email** | O que os visitantes enviam pelos formulários do site. | [Formulários](https://briks.dev/pt-br/docs/forms) |
| **Chats** | **Forms and email** | Todas as conversas que os visitantes tiveram com o chat do site nos últimos 90 dias, da mais recente à mais antiga, com **Export CSV**. | [Chatbot](https://briks.dev/pt-br/docs/chatbot) |
| **Emails** | **Forms and email** | E-mail que o site envia aos seus visitantes. | [Email do site](https://briks.dev/pt-br/docs/site-email) |
| **Sign-in** e **Payments** | **Accounts and payments** | Como os visitantes do seu site entram e o processador de pagamentos com que o site recebe, cada um com as suas próprias chaves. | [Login e pagamentos](https://briks.dev/pt-br/docs/sign-in-and-payments) |
| **Versions** | **Versions and backups** | Todas as versões que foram publicadas, cada uma com um jeito de restaurar. | [Versões publicadas](https://briks.dev/pt-br/docs/publish-history) |
| **Backups** | **Versions and backups** | Todas as versões do código, prontas para restaurar ou, em um plano pago, para baixar. | [Backups](https://briks.dev/pt-br/docs/backups) |
| **File Explorer** | **Developer** | O código escrito para o site: leia, edite e, em um plano pago, baixe. | [O código do seu site](https://briks.dev/pt-br/docs/code) |
| **GitHub** | **Developer** | Mantém o código do próprio site em um repositório do GitHub, sincronizado nos dois sentidos. | [Sincronização com o GitHub](https://briks.dev/pt-br/docs/github) |
| **Secrets** | **Developer** | Chaves e senhas que o código do próprio site lê. Depois de salvo, um valor nunca mais pode ser exibido. | [Segredos](https://briks.dev/pt-br/docs/secrets) |
| **Webhooks** | **Developer** | Avise outros serviços quando algo acontecer no site. | [Webhooks](https://briks.dev/pt-br/docs/webhooks) |
| **Deploy hooks** | **Developer** | Endereços secretos que publicam o projeto de novo quando algo os chama. | [Hooks de implantação](https://briks.dev/pt-br/docs/publish-history) |
| **Scheduled tasks** | **Developer** | Chamadas que o projeto faz em um horário definido, no seu fuso horário. | [Tarefas agendadas](https://briks.dev/pt-br/docs/crons) |
| **Logs** | **Developer** | Cada construção, alteração e publicação, e as etapas por que cada uma passou. | [Logs](https://briks.dev/pt-br/docs/logs) |

Links salvos antes de essas seções irem para Settings, como os de e-mails antigos, continuam funcionando: eles abrem aqui a mesma seção.

## Uma primeira olhada, passo a passo

Dez minutos com um projeto novo

1. Confira o status

   Onde: Studio

   Olhe a etiqueta acima da conversa. **Live** significa que a última publicação foi concluída. **Needs attention** significa que a última tarefa falhou, e a conversa explica por quê.

2. Veja no celular

   Onde: Preview toolbar

   Clique em **Phone**, role a página inteira e abra o menu. A maior parte do que as pessoas querem corrigir aparece aqui primeiro.

3. Navegue pelas páginas

   Onde: Preview

   Use o menu do próprio site dentro do quadro para visitar cada página, exatamente como um visitante faria.

4. Abrir as versões

   Onde: Versions

   Clique no ícone de relógio com o número da versão. Cada construção e alteração aparece na lista, e a que os visitantes veem está marcada como **Live**.

5. Dê um nome apropriado

   Onde: Settings, General

   Abra a aba **Settings**, que abre em **General**. Confira o nome do projeto, adicione seu logo e seu favicon, se tiver, e pressione **Save** em **Name and marks**.

6. Peça sua primeira alteração

   Onde: Studio

   De volta ao **Studio**, escreva uma alteração específica e tecle Enter. Acompanhe as etapas e depois veja a prévia quando ela recarregar.

7. Publique quando estiver pronto

   Onde: Top bar

   Clique em **Publish**. A verificação de lançamento roda primeiro e o resultado chega na conversa.

## O que cada função vê

| Função | Na página do projeto |
| --- | --- |
| Owner e Admin | Tudo, inclusive excluir o projeto, movê-lo para outro espaço de trabalho e mudar o endereço dele. |
| Editor | Alterações, perguntas, publicação, versões, testes A/B, o Visual Editor e edição de código. Não inclui apagar, mover nem mudar o endereço. |
| Viewer | A conversa, a prévia, a lista de versões e as análises, somente para leitura. Sem caixa de prompt, sem o registro de **Chats**, e o Visual Editor só para olhar e comentar. |

Os papéis pertencem ao espaço de trabalho, não a um projeto. [Membros e papéis](https://briks.dev/pt-br/docs/members-and-roles) traz a tabela completa.

Uma cópia de um modelo

Se você criou o projeto a partir de um modelo e ele ainda mostra os dados do negócio antigo, uma faixa acima da conversa avisa isso, com um botão **Make it yours** que reescreve o site para o seu negócio. Veja [Modelos](https://briks.dev/pt-br/docs/templates).

### Por que não há um botão Publish?

Aparece depois que o site é publicado pela primeira vez. Até lá, não há nada para levar à produção.

### Por que não vejo a aba Database?

Ela aparece quando o projeto tem um banco de dados. Antes disso, só Owners e Admins a veem, para que possam criar um. [Banco de dados](https://briks.dev/pt-br/docs/database) explica como se cria um.

### Por que não vejo a aba Visual Editor?

O Visual Editor vem com os planos pagos, então um espaço de trabalho no Free não mostra a aba. Um Owner pode mudar o plano em **Billing**. Veja [Editor Visual](https://briks.dev/pt-br/docs/visual-editor).

### A prévia parece desatualizada.

Clique em **Reload preview**. Após uma publicação, o quadro espera alguns segundos antes de recarregar, para que a nova versão esteja pronta em todo lugar.

### Quem pode interromper uma construção?

Editors, Admins e Owners. Parar uma que ainda não começou não custa nada.

## Leia a seguir

- [Trabalhando em um projeto **Como fazer alterações no site** Como mudar seu site escrevendo ao Briks: o que dizer, imagens, o que uma mudança inclui e custa, páginas internas, pedidos na fila e como corrigir um erro.](https://briks.dev/pt-br/docs/making-changes)
- [Trabalhando em um projeto **Versões, desfazer e refazer** Cada build e alteração é salva como versão do seu site. Desfaça, refaça ou recoloque no ar qualquer versão anterior, exatamente como era, sem reter créditos.](https://briks.dev/pt-br/docs/versions)
- [Publicação e domínios **Publicar em produção** Leve um site do Briks da prévia à produção: o que a verificação de lançamento lê, o que bloqueia um lançamento, como corrigir cada item e como voltar à prévia.](https://briks.dev/pt-br/docs/publish-to-production)
- [Primeiros passos **Conhecendo o painel** Um tour guiado pelo painel da Briks: a navegação, Home, Projects, Templates, Agents, Jump to, notificações, seus créditos e as abas dentro de um projeto.](https://briks.dev/pt-br/docs/exploring-the-dashboard)

Ainda travado?

Escreva para [hello@briks.dev](mailto:hello@briks.dev) com o nome do seu projeto e o que você esperava ver. Uma captura de tela ajuda.