Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tradução add-404-page.md #63

Merged
merged 4 commits into from
Nov 24, 2019
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 20 additions & 20 deletions docs/docs/add-404-page.md
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
---
title: Adding a 404 Page
title: Adicionando uma página 404
---

To create a 404 page create a page whose path matches the regex
`^\/?404\/?$` (`/404/`, `/404`, `404/` or `404`). Most often you'll want to create a React component page at
`src/pages/404.js`.
Para criar uma página 404, crie uma página cuja rota corresponde ao regex
`^\/?404\/?$` (`/404/`, `/404`, `404/` ou `404`). Na maioria das vezes,
você desejará criar uma página de componente React em `src/pages/404.js`.

Gatsby ensures that your 404 page is built as `404.html` as many static hosting
platforms default to using this as your 404 error page. If you're hosting your
site another way, you'll need to set up a custom rule to serve this file for 404
errors.
Gatsby garante que sua página 404 seja construida como `404.html` já que muitas
plataformas de hospedagem estática usam esta por padrão como sua página de erro 404.
Se você está hospedando seu site de outra maneira, você vai precisar configurar uma
regra personalizada para vincular esse arquivo para erros 404.

Because Gatsby creates this page for you by default, there is no need to configure
it in your `gatsby-node.js` file.
Como o Gatsby cria essa página para você por padrão, não há necessidade de configurá-la em seu arquivo `gatsby-node.js`.

When developing using `gatsby develop`, Gatsby uses a default 404 page that
overrides your custom 404 page. However, you can still preview your 404 page by
clicking "Preview custom 404 page" to verify that it's working as expected. This is
useful when you're developing so that you can see all the available pages.
Ao desenvolver usando `gatsby develop`, Gatsby usa uma página 404 padrão que
sobrepõe sua página 404 personalizada. Contudo, você ainda pode visualizar
sua página 404 clicando em "Preview custom 404 page" para verificar
se está funcionando conforme o esperado. Isto é útil quando você está desenvolvendo,
já que desta forma você pode ver todas as páginas disponíveis.

The screenshot below shows the default 404 page that Gatsby creates.
It also lists out all the pages on your website. Clicking the "Preview custom 404
page" button will allow you to view the 404 page you created.
![Gatsby Default 404 Page](images/gatsby-default-404.png)
A captura abaixo mostra a página 404 padrão que o Gatsby criou.
Ele também lista todas as páginas do seu site. Clicando no botão
"Preview custom 404 page" você poderá visualizar a página 404 que você criou.
![Página 404 padrão do Gatsby](images/gatsby-default-404.png)

The screenshot below shows the custom 404 page.
![Gatsby Custom 404 Page](images/gatsby-custom-404.png)
A captura abaixo mostra a página 404 personalizada.
![Página 404 personalizada do Gatsby](images/gatsby-custom-404.png)