Skip to main content
Páginas são as telas principais da sua aplicação Base44. Cada página tem seu próprio caminho de URL (como /, /Home ou /Products) e aparece no dropdown de páginas no topo do editor da aplicação. Você pode adicionar novas páginas, acessá-las e decidir quais aparecem nos seus menus ou são usadas para experiências de login e landing.
O menu de páginas aberto na barra superior do editor, listando Home, TripDetails, Trips e TravelMap, acima de uma página My Trips com cartões de viagens

Navegando pelas páginas da sua aplicação

​
Adicionando páginas

Você pode adicionar páginas a qualquer momento. A forma mais rápida é descrever a página que deseja no chat de IA.

​
Adicionando uma nova página

  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva a página que deseja. Por exemplo:
    Create a new About page with a hero section, text about our company, and a contact button.
Pedido no chat de IA para adicionar uma página ao lado da prévia da nova página

Adicionando uma página

​
Duplicando uma página

  1. Abra a página que deseja reutilizar no editor.
  2. No chat de IA, descreva o que deseja duplicar. Por exemplo:
    Duplicate this page and keep the same layout, but change the title to "Pricing".
  3. Depois que o chat de IA terminar, abra a nova página pelo dropdown para personalizar o conteúdo.
Pedido no chat de IA para duplicar uma página ao lado da prévia da página resultante

Duplicando uma página

​
Alternando entre páginas

Você pode se mover entre páginas pelo dropdown de páginas acima do preview. Para alternar páginas no editor da aplicação:
  1. Vá para o editor da sua aplicação.
  2. Clique no dropdown de páginas.
  3. Clique na página que deseja abrir.
O editor da aplicação com o dropdown de páginas aberto

Alternando entre páginas

Se não tem certeza de como uma página se chama, pergunte à IA: Show me a list of all pages in this app and what each one does.

​
Pesquisando páginas

Quando sua aplicação tem muitas páginas, pode ser difícil lembrar o nome de cada uma. Comece a digitar o nome no dropdown de páginas para pesquisar a que precisa.
Dropdown de páginas filtrado por uma pesquisa

Pesquisando no dropdown de páginas

Dica: Você também pode pedir ao chat de IA para ajudar a encontrar a página certa por nome, caminho de URL ou propósito. Por exemplo:
  • Which page is used as the checkout page?
  • Which page handles the /Success route?
  • Find the page that shows the list of projects.

​
Gerenciando a navegação da sua página

Um menu de navegação claro ajuda as pessoas a se mover entre páginas, descobrir áreas-chave da sua aplicação e entender como o conteúdo está organizado. Também melhora a vinculação interna, o que pode ajudar mecanismos de busca a entender a estrutura da sua aplicação. Algumas aplicações começam com uma única página e não têm um menu de navegação visível no início. Conforme você adiciona mais páginas, pode pedir à IA para criar um cabeçalho, sidebar ou menu de rodapé e conectá-lo às suas rotas principais. Use o chat de IA para criar um menu de navegação quando sua aplicação ainda não tem cabeçalho, sidebar ou rodapé com links.
Se quer a mesma navegação em todas as páginas, peça à IA para tornar o menu global. Por exemplo: Add the header navigation to all pages in the app.

​
Adicionando um menu de cabeçalho

  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva o menu que deseja. Por exemplo:
    • Add a header navigation bar with links to /Home and /Products.
    • Create a top navigation menu that includes Home and Contact.
  3. Quando a IA terminar, verifique o preview para garantir que a nova navegação apareça onde espera e teste os links.
Pedido no chat de IA para um menu de navegação superior ao lado da prévia da aplicação

Adicionando um menu de navegação superior

​
Adicionando um menu lateral

  1. Vá para o editor da sua aplicação.
  2. No chat de IA, explique o que precisa. Por exemplo:
    • Add a vertical sidebar navigation on the left with links to /Dashboard, /Reports, and /Settings.
    • Add a footer navigation with links to Privacy Policy and Terms of Service.
  3. Quando a IA terminar, verifique o preview para garantir que a nova navegação apareça onde espera e teste os links.
Pedido no chat de IA para um menu lateral ao lado da prévia da aplicação

Adicionando um menu lateral

​
Alterando o estilo do menu

Você pode usar diferentes estilos de navegação para combinar com o layout e o público da sua aplicação, como uma barra horizontal, abas ou um menu hambúrguer que se recolhe em telas menores. Para alterar seu estilo de navegação com o chat de IA:
  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva o estilo que deseja. Por exemplo:
    • Abas: Change the main navigation into a tab-style menu at the top of the page.
    • Sidebar: Move the navigation into a vertical sidebar on the left.
    • Menu hambúrguer: Turn the main navigation into a hamburger menu that opens a panel on the right.
  3. Quando a IA terminar, verifique o preview para garantir que a navegação apareça onde espera e teste os links.
Você pode combinar estilos. Por exemplo, manter um menu horizontal com abas no desktop e usar um menu hambúrguer em telas menores. Descreva os dois comportamentos claramente no seu prompt de IA.

​
Alterando os itens do menu

Depois de existir um menu de navegação, você pode adicionar, remover ou renomear links para que as pessoas cheguem às páginas certas. Certifique-se de que a página para a qual quer linkar já existe se está adicionando um novo item. Para gerenciar os itens do seu menu com o chat de IA:
  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva como o menu deve mudar. Por exemplo:
    • Add a "Shop" link to the main navigation that points to the /Products page.
    • Add an "About" item to the top menu that links to /About and place it after Home.
    • Remove the "Blog" link from the header navigation.
    • Rename the "Shop All" menu item to "All Products".
    • Reorder the menu so that Home, Shop, About, and Contact appear in that order.
  3. Verifique o preview e clique nos itens do menu para confirmar que tudo aparece e se comporta como esperado.
Se sua aplicação usa várias áreas de navegação (como um menu no topo e um no rodapé), seja específica no seu prompt. Por exemplo: Update only the header navigation, not the footer links.

​
Trabalhando com páginas ocultas

Algumas páginas devem ser internas, como dashboards de administração, telas de sucesso ou páginas de callback. Você pode querer que estejam disponíveis na sua aplicação sem aparecer na navegação ou nos resultados de busca.

​
Ocultando páginas do seu menu

Você pode remover qualquer página dos seus menus visíveis enquanto a mantém ativa e funcional. Para ocultar uma página da sua navegação com o chat de IA:
  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva o que deve ser ocultado. Por exemplo:
    Remove the /Success page from all visible navigation, but keep it working as a redirect after checkout.
  3. Verifique se o link não aparece mais no cabeçalho, sidebar ou rodapé.
Chat de IA removendo uma página da navegação ao lado do menu lateral atualizado

Ocultando uma página da navegação

Uma página oculta da sua navegação ainda pode ser aberta diretamente se alguém souber sua URL ou se você adicionar um botão ou link para ela em outro lugar da aplicação.

​
Criando uma área apenas para administradores

Você pode manter páginas sensíveis, como dashboards ou ferramentas de gerenciamento, disponíveis apenas para administradores colocando-as em uma seção de admin na navegação e protegendo o acesso. Para criar uma área de navegação apenas para administradores com o chat de IA:
  1. Vá para o editor da sua aplicação.
  2. No chat de IA, descreva a seção de admin que deseja. Por exemplo:
    • Add an Admin section in the sidebar that only admins can see, and move the /Wishlist page into it.
    • Create an admin-only area in the header navigation with links to /AdminDashboard and /Reports.
Chat de IA adicionando uma seção de admin ao menu lateral da aplicação

Criando uma área apenas para administradores

Para testar suas páginas apenas de admin com Act as, clique em Act as na barra de ferramentas do preview, escolha um papel de admin e verifique se a seção de admin e suas páginas estão visíveis, depois use Act as novamente para mudar para um papel não-admin e confirme que a seção de admin está oculta da navegação e que páginas exclusivas de admin não podem ser abertas diretamente.

​
Ocultando páginas dos resultados de busca

A Base44 inclui automaticamente todas as páginas públicas publicadas no seu sitemap em /sitemap.xml para que mecanismos de busca possam encontrá-las. Não há chaves de SEO por página como “noindex” ou controles de robots.txt por página. Para manter uma página fora dos mecanismos de busca, garanta que a página não seja pública ou evite linká-la a partir de qualquer parte pública da sua aplicação.
Para detalhes completos sobre como a indexação funciona, veja nosso guia de SEO.

​
Página inicial pública com páginas privadas

A Base44 atualmente não suporta tornar algumas páginas públicas e outras privadas usando apenas configurações de visibilidade. Em vez disso, você pode usar uma combinação de página inicial pública e lógica que redireciona pessoas para login em áreas privadas. Para configurar uma página inicial pública com login para outras páginas:
  1. Defina sua aplicação como Public (no login required) nas configurações de visibilidade.
  2. Use o chat de IA para criar uma página inicial, por exemplo:
    Create a landing page with login and sign-up buttons and make it my main page.
  3. Peça à IA para exigir login no restante da sua aplicação. Por exemplo:
    Require login for all non-landing pages and redirect visitors who are not logged in back to the landing page.
Atualmente não é possível marcar páginas individuais como públicas ou privadas usando uma configuração de visibilidade por página. Toda a visibilidade é controlada no nível da aplicação, combinada com suas regras de roteamento e acesso a dados.

​
Perguntas frequentes

Clique em uma pergunta abaixo para saber mais sobre páginas, login e navegação.
Peça ao chat de IA. No editor da sua aplicação, envie uma mensagem com o nome da página em que você quer que as pessoas cheguem, como Mude a página principal para Dashboard.A configuração Main Page em General Settings nas configurações da sua aplicação mostra qual página aparece primeiro, mas agora ela é somente leitura. O chat é a única forma de alterá-la.
Sim. Aplicações Base44 suportam até 600 páginas. No entanto, a contagem de páginas não é o único fator que afeta a estabilidade da construção. O número total de arquivos na sua aplicação e o tamanho geral do código-fonte também importam.Se a sua aplicação tem mais de 600 páginas ou um número muito grande de arquivos ou código-fonte (por exemplo, milhares de arquivos JavaScript ou dezenas de megabytes de fonte), você pode ver problemas como:
  • O editor da aplicação ficando indisponível ou muito lento.
  • Páginas não carregando corretamente no editor ou na aplicação ao vivo.
  • Falhas de publicação ou erros de memória ao construir ou publicar atualizações.
  • A IA retornando edições incompletas.
Para permanecer dentro dos limites:
  1. Revise suas páginas existentes e remova as que não são mais necessárias.
  2. Consolide conteúdo similar em menos páginas quando possível.
  3. Use entidades e views filtradas em vez de criar uma página estática separada para cada item.
  4. Mantenha a contagem geral de arquivos e o tamanho do código-fonte enxutos, especialmente se a aplicação tem muitos componentes.
Manter sua aplicação abaixo de 600 páginas e gerenciar a contagem geral de arquivos e o tamanho do código ajuda o editor a permanecer responsivo e a aplicação estável.
Esta página foi traduzida usando IA. Para informações mais precisas e atualizadas, consulte a versão em inglês.