Relatório de erro

Descreva o bug

Quando uma exceção é lançada em getServerSideProps em um ambiente sem servidor, a resposta é retornada com um código de status de 502 (Bad Gateway), que definitivamente não é o que é. Além disso, páginas personalizadas ou padrão de 500 não são renderizadas neste caso, então o usuário pode ver um rastreamento de pilha dependendo de como ou onde o aplicativo é implantado na produção. Este parece ser um problema do Next 9.5+, pois retornou um código de status 500 e uma página de erro adequada com o mesmo código em 9.4.x.

Reproduzir

Isso acontecerá com qualquer página que encontrar um erro em getServerSideProps. Criei um repositório de amostra aqui com uma página de "problema":

https://github.com/spencewood/throw-app

Isso simplesmente inclui:

import React from "react";

export default function Problem() {
  return (
    <>
      <h1>Problem!</h1>
    </>
  );
}

export const getServerSideProps = () => {
  throw new Error("error");
};

Esta página implementada para vercel: https://throw-app.vercel.app/problem

E curl:

❯ curl -I "https://throw-app.vercel.app/problem"
HTTP/2 502 
date: Fri, 07 Aug 2020 18:20:24 GMT
content-type: text/plain; charset=utf-8
x-nextjs-page: /problem
content-length: 68
server: Vercel
x-vercel-id: cle1::2cxmx-1596824424449-1d2c09ffce13
strict-transport-security: max-age=63072000; includeSubDomains; preload
cache-control: s-maxage=0

Comportamento esperado

Simplesmente fazer o downgrade do aplicativo acima para Next 9.4 renderizará corretamente a página 500 padrão para Next e retornará um código de status 500. Isso é o que deveria estar acontecendo, pois 500 indica simplesmente "erro do servidor" e 502 indica "inválido / sem resposta".

Capturas de tela

Abaixo estão as capturas de tela de https://throw-app.vercel.app/problem com a fonte aqui: https://github.com/spencewood/throw-app

Próximo 9.4

Próximos 9,5

outros pensamentos

Obviamente, você não vai lançar um erro como este, mas quaisquer exceções lançadas enquanto o lado do servidor gera dados dinâmicos a serem entregues ao aplicativo causará o 502.