https://blog-lampetty-net.web.app/tags/gatsby/ Recent content in Gatsby on oinume journal Hugo ja Mon, 31 Aug 2020 09:00:00 +0900 https://blog-lampetty-net.web.app/posts/building-profile-site-with-gatsby-and-firebase-hosting/ Mon, 31 Aug 2020 09:00:00 +0900 https://blog-lampetty-net.web.app/posts/building-profile-site-with-gatsby-and-firebase-hosting/ <p><a href="https://www.gatsbyjs.com/">Gatsby</a>と<a href="https://firebase.google.com/products/hosting">Firebase Hosting</a>を使って<a href="https://www.lampetty.net/">自分のプロフィールサイト</a>を構築したのでそのメモ。</p> <h2 id="前提">前提</h2> <ul> <li>サイトの中身はGitHubリポジトリで管理</li> <li><a href="https://github.com/santosfrancisco/gatsby-starter-cv">https://github.com/santosfrancisco/gatsby-starter-cv</a>がプロフィールサイト向けだったのでこれを使った</li> <li>GitHub Actionsでmasterブランチにpushされたら自動的にFirebase Hostingに反映されるようにした</li> <li>今回は一つのGitHubリポジトリで複数のサイトをホスティングしたかったので、サブディレクトリを作成した。以下のような構成になっている。 <ul> <li>lampetty-net-sites (リポジトリルート) <ul> <li>www (今回構築するプロフィールサイト)</li> <li>xyz (別のサイト)</li> </ul> </li> </ul> </li> </ul> <h2 id="準備">準備</h2> <ul> <li>GitHubリポジトリを作っておく</li> <li>NodeJSをインストールしておく</li> </ul> <p><a href="https://www.gatsbyjs.com/docs/quick-start/">Quick Start | Gatsby</a>に沿って以下を実行する。</p>