Skip to content

Instantly share code, notes, and snippets.

Last active January 22, 2022 16:14
What would you like to do?
Next.js Custom 404 page
export default function Custom404() {
return (
<p>This page could not be found.</p>
<style jsx>{`
div {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
h1 {
padding-right: 1.25rem;
border-right: 0.0625rem solid;
font-size: var(--fs-2xl);
font-weight: var(--fw-semibold);
p {
padding-left: 1.25rem;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment