📖
Gatsby + Firebaseでブログサイトを作成してみる
Gatsby + Contentful + Firebaseでブログサイトを作成してみる
こんにちは。ゆうじろうです。
Gatsbyが以前から興味はあったのですが、なかなか触る機会がなかったので、自分自身のポートフォリオサイトを作るついでに触ってみようと思います。
TypeScript + Gatsbyの構成で環境構築
まずは環境構築。
以下のGatsbyとTypeScriptのスターターを使用しました。
以下のコマンドを叩きます。
npx gatsby new gatsby-starter-ts https://github.com/jpedroschmitz/gatsby-starter-ts
こんな感じのプロジェクトができていれば成功です！
では、一旦動作確認しましょう。
gatsby develop
以下のシンプルな画面がでれば完璧です！
firebse 設定
以下、Firebaseのサイトへ移動しましょう。
コンソールへ移動→プロジェクトを追加から、プロジェクトを追加してみてください。
ここからはコンソールにて設定します。
以下、２つの機能をインストールしてください。
npm install firebase
npm install -g firebase-tools
そこから、初期化を開始します。
firebase init
firebase initが終われば、デプロイの実行です。
firebase deploy
これで、webサイトへアクセスできればOKです。
Discussion