はじめに

中野区在住の中野です。

Gatsby.jsで404ページを作成したのでメモを残しておきます。

Gatsby.jsに404ページを実装する

  • src/pages/404.js を作成する
  • 以下は実際に作ってみた404ページです
import React from "react"
import Layout from "../gatsby-theme-blog/components/layout"
import SEO from "../../node_modules/gatsby-theme-blog/src/components/seo"
const NotFoundPage = () => (
<Layout>
<SEO title="404: Not found" />
<main className='container mx-auto flex-grow'>
<h1>NOT FOUND</h1>
<p>You just hit a route that doesn&#39;t exist... the sadness.</p>
</main>
</Layout>
)
export default NotFoundPage

さいごに

404ページは簡単に作れるのでまた作ってない方はぜひ

\ Share /

全人類同時接続数No.1!バトルロイヤルゲームを生き残れ!

中野区在住の中野です。大阪生まれ大阪育ちですが就職のタイミングで上京しました。食いっぱぐれないようにすることをモットーに生存戦略を常に考えている元ネトゲ廃人現フルリモートwebエンジニア。Twitterでメンターとして駆け出しエンジニアたちをサポートしています。最近の関心事はDDDとScrum。いずれ起業することを考えてプロダクトを作成中。このブログでは生存戦略を考える上で試行錯誤した内容を記録していきます。