Pular para o conteúdo principal
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.
Navigating your app pages

​
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.
Adding a new page to your app with the AI chat

​
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.
Duplicating a page on your app using the AI chat

​
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.
Switching between pages in the app editor
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.
Searching for a page in the pages drop-down
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.
Adding a navigation menu to the top of your app

​
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.
Adding a vertical sidebar navigation to your app

​
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é.
Creating internal hidden pages on your app
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.
Creating an admin-only area on your app
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.
Para alterar sua página inicial:
  1. Clique em Dashboard no editor da sua aplicação.
  2. Clique em Settings e depois em App Settings.
  3. No dropdown Main Page em General Settings, selecione a página que deseja como página inicial padrão.
Você também pode pedir ao chat de IA para alterar sua página inicial.
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 construtor 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.