Gatsby Theme Aoi のパッケージ紹介

Gatsby Theme Aoi は複数のパッケージのバンドルです。npm で @cieloazul310/gatsby-theme-aoi をインストールすると、以下のパッケージも同時にインストールされます。

• @cieloazul310/gatsby-theme-aoi-components
• @cieloazul310/gatsby-theme-aoi-layout
• @cieloazul310/gatsby-theme-aoi-top-layout
• @cieloazul310/gatsby-theme-aoi-utils

ただしこれらのパッケージに含まれるレイアウトやコンポーネントは、全て @cieloazul310/gatsby-theme-aoi をエントリーポイントとして利用できます。したがって、これらのパッケージ名はテーマの設定やメニューの設定など Shadowing をする場合のみで目にすることになるでしょう。

また、これらのパッケージは個別にインストールが可能です。

npm install @cieloazul310/gatsby-theme-aoi-components

import { AppLink } from '@cieloazul310/gatsby-theme-aoi-components';

hupe1980/gatsby-theme-material-ui のパッケージ構成を参考にしています。

@cieloazul310/gatsby-theme-aoi-components

Gatsby Theme Aoi で使用される React コンポーネントのパッケージです。

@cieloazul310/gatsby-theme-aoi-layout

Shadowing 可能なパッケージです。

@cieloazul310/gatsby-theme-aoi-top-layout

Shadowing 可能なパッケージです。

@cieloazul310/gatsby-theme-aoi-utils

主に Gatsby Theme Aoi 内で使用しているフックを提供しています。

useAbsoluteUrl useBaseUrl useSiteMetadata useSocialShare usePathnameWithoutPrefix