nodejs.org/apps/site/app/global-error.tsx at 563f9eb6f23f164486b7417dcfba5039bd2421d8 · nodejs/nodejs.org · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
'use client';

import { ArrowRightIcon } from '@heroicons/react/24/solid';

import Button from '#site/components/Common/Button';
import BaseLayout from '#site/layouts/Base';
import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop';

import type { FC } from 'react';

const GlobalErrorPage: FC<{ error: Error }> = () => (
  <html>
    <body>
      <BaseLayout>
        <GlowingBackdropLayout>
          <span>500</span>

          <h1 className="special -mt-4 text-center">Internal Server Error</h1>

          <p className="-mt-4 max-w-sm text-center text-lg">
            This page has thrown a non-recoverable error.
          </p>

          <Button href="/">
            Back to Home
            <ArrowRightIcon />
          </Button>
        </GlowingBackdropLayout>
      </BaseLayout>
    </body>
  </html>
);

export default GlobalErrorPage;