-
Notifications
You must be signed in to change notification settings - Fork 100
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #63 from ArthurFerrao/master
Tradução add-404-page.md
- Loading branch information
Showing
1 changed file
with
20 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |