(更新日:)

多機能なGatsbyJSのThemeをつくってnpmに公開した話

Programming

はじめに

このブログのThemeにも使用しているGatsbyJSですが、Themeを別途作成してnpm公開してみました。

使用してみたい方はこちらからどうぞ。

https://www.npmjs.com/package/gatsby-all-pack-theme-starter

npm install -g gatsby-cli
gatsby new hoge-blog https://github.com/yoshiki-0428/gatsby-all-pack-theme-starter.git

なぜつくったか

GatsbyJSは早くて軽くて使いやすい! というのは周知の事実なのですが、如何せんタグ付けだったり、カテゴリー機能、ページネーションの機能、検索機能、RSSの作成など、ブログの機能に必須な機能は自分で実装しないといけないのが非常にネックでした。

なのでセットになってるテーマを作ってしまおうということで1ヶ月くらいのスキマ時間で作成しました。

どうやってつかうの?

README にも書いてありますが、gatsby new hoge [url]してNetlifyにアップロードしてしまえば、簡単に使用できます。

CLI操作はなるべく少なくしたかったので、リポジトリを作成してNetlifyなどにアップロードさえしてしまえばあとはGUIで環境変数や設定項目をセットしてしまえば使えます。

参考URL

#CMS#Gatsby#Theme開発#npm

Related Links


Gatsbyでブログを始めるまで
GatsbyにShare機能、OGPタグをつける
Gatsbyにタグ機能、カテゴリ機能をつける(基礎編)
タグ機能、カテゴリ機能をつける(応用編)
GatsbyにTableOfContents(目次)をつける
DarkModeのCSSを適用させる
GatsbyブログのSEO対策でやっておくこと一覧
Yoshiki Ohashi
2x歳の個人事業主エンジニア。SI企業1年, Webベンチャー企業2年で上流から下流の経験を経て独立。 エンジニアらしく性格は温和。プロジェクトチームに心理的安全性を求める。go gin | Spring | Java | Kotlin | Vue | Python | 筋トレ | キャンプ | 個人開発 | 新潟出身

よく読まれている記事


Gatsbyでブログを始めるまで
GatsbyにShare機能、OGPタグをつける
Gatsbyにタグ機能、カテゴリ機能をつける(基礎編)
DL実装するときに理解すること
多機能なGatsbyJSのThemeをつくってnpmに公開した話
© 2020 Yoshiki Ohashi All rights reserved.