Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Página 404 customizada

Olá pessoal, gostaria de deixar aqui uma alternativa de página 404 para o projeto do curso.

Nas aulas 4.x nosso querido instrutor Vinicius Dias, configura a página 404 desta forma:

    public function processaRequisicao(): void
    {
        http_response_code(404);
    }

Para aqueles que querem uma pagina com front-end estilizado, preparei essa opção:

    public function processaRequisicao(): void
    {
        require_once __DIR__ . '/../../_header.php'; ?>
            <style>
                .container__error {
                    margin: 3em 0;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    text-align: initial;
                }

                .error__titulo {
                    color: var(--azul-medio);
                    font-weight: bold;
                    font-size: 32px;
                    margin-bottom: 20px;
                }

                .error__mensagem {
                    color: var(--azul-escuro);
                    font-weight: regular;
                    font-size: 24px;
                }
            </style>

            <main class="container">
                <div class="container__error">
                    <h2 class="error__titulo">Error 404</h2>      
                    <p class="error__mensagem">
                        Desculpe... Não foi possível encontrar "<?= $_SERVER['PATH_INFO']?>".
                    </p>
                </div>
            </main>
        <?php require_once __DIR__ . '/../../_footer.php';
    }

Resultado da página: Exemplo

Lembrando que ao final do curso nós separamos todo esse código HTML em uma view. Espero ter ajudado. Bom estudo a todos!

Att,

1 resposta
solução!

Boa, Osvaldo. Ficou muito bom, iria comentar para separar em uma view, mas vi que você fez isso ao final do curso :) Parabéns ;)