[WIP] Fix next.js building 500 statically, see vercel/next.js#23128

frontend/pages/_error.js

@@ -0,0 +1,16 @@
+// Overwriting _error page since not doing so would trigger static site
+// generation of 500 which would call `_app.getInitialProps` which would then
+// try to access some URL which isn't necessary online during the build,
+// breaking the build.
+// See https://github.com/vercel/next.js/issues/23128
+
+function Error() {
+  return <p>An error occurred on client</p>;
+}
+
+Error.getInitialProps = ({ res, err }) => {
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+  return { statusCode };
+};
+
+export default Error;

frontend/pages/index.tsx

@@ -35,6 +35,7 @@ function Announcement(props: AnnouncementProps) {
 
 export default function Home(props: HomeProps) {
   const { data } = useAnnouncement();
+
   return (
     <Layout jwtToken={props.jwtToken} page={"Home"}>
       {data && (