Making a Site with User Authentication | Gatsby のチュートリアルを試した時の作業を備忘録としてまとめました。 全体の実装は t-yng/examples/gatsby-auth を参照してください。 要件 ログイン、ログアウトができる 非ログイン状態で要認証ページが表示できないこと プロジェクトの作成 $ gatsby new gatsby-auth gatsbyjs/gatsby-starter-hello-world $ cd gatsby-auth ナビゲーションバーを実装 ナビゲーションバーのコンポーネントを作成する。 // src/components/NavBar.tsx import React from "react"; import { Link } from "gatsby"; export const NavBar =