筋肉チョットデキル

GatsbyStarters

2件の投稿があります

ブログを作りながらGatsbyのテーマを理解する!

2020年05月29日
29 min read
GatsbyGatsbyStartersGatsbyThemes

今回、Gatsby のテーマを使ってブログを作ってみようと思います。 最後まで読めば、自分のブログを得ることができ、拡張していく理解も得られていると思います!! おそらく30分~1時間後ぐらいには以下のようなサイトを手に入れていると思います💪 👍 Demo 👍 ソースコード(GitHub) テーマを探す テーマを探すには、以下のサイトがおすすめです! 今回は、 gatsby-theme-novela という テーマ を使ってみようと思います。 First Step こちらでも書いたように、Gatsby の テーマはプラグインの一種 です。 既にある Gatsby サイトにテーマを導入することも可能ですが、 今回は 1 から Gatsby サイトを作っていきましょう。 gatsby-theme-novela…

Read more

Gatsbyのスターターとは?

2020年05月17日
1 min read

概要 スターターは既に設定された機能をもつ Gatsby サイトのことです。 それを「雛形」としてダウンロードし、そこからカスタマイズして自分のサイトを作っていくことができます。 プラグインやテーマと違い元のスターターとの依存関係はないので、スターターが更新されても自分のサイトに影響はありません。 スターターでサイト構築を始めてみる もちろん手動で GitHub のレポジトリから clone し、 npm install で依存関係をインストールすることもできます。 gatsby-cli を使うことでより簡単に始められます。 gatsby new コマンドで、対象のレポジトリからstarterをcloneし、依存関係をインストールし、gitの履歴を消去した状態で始められます。 たとえば、 gatsby-starter-blog というスターターを blog という名前でつくる場合以下のコマンドを実行します。 この gatsby-starter-blog というスターターは、ブログの基本設定やRSS、GoogleAnalytics、コードのシンタックスハイライト、サイトのmeta…

Made with Gatsby& ChakraUi

Yuuki Okamoto • 2020