Gatsby組込みのLinkコンポーネントを使ってナビゲーションバーを自作する - Qiita

初めに この記事はGatsby.js Advent Calendar 2019 21日目の記事です。 GatsbyJSを色々いじってたらいい感じのナビゲーションバーが自作できた気がしました。 目次 本記事の目標 前提 - 開発環境 - Gatsby Link APIについて ディレクトリ構成 まずはひな型を作る 共通のレイアウトはLayoutコンポーネントとして定義する Headerコンポーネントの実装 終わりに 本記事の目標 こんな感じのナビゲーションバーを作りたいと思います。 それっぽいものがフロントエンド初心者の私でも作れたので投下します。 重要なことですが、このレイアウトではBootstrap4は使っていません。 サンプルを公開しています。触ってみてください → サンプル ソースコード→ https://github.com/koralle/gatsby-link-navbar 前