この世の全てを自動化してぐうたら生活したすぎる

煩悩八百万クリエイター戦記

Firebase React

Next.jsをFirebaseで動かしてみる(with-firebase-hosting)

投稿日:

Next.jsをFirebaseで動かしてみたい。まずはサンプルをデプロイしてみる。

https://github.com/zeit/next.js/tree/master/examples/with-firebase-hosting

必要ツールのインストール

# Next.js雛形作成ツール
npm i -g create-next-app

# Firebaseログインツール
npm i -g firebase-tools
firebase login

もしCloud9を使っていて、firebase loginでエラーが起きたらこちらを参考に。

 

サンプル作成

create-next-app --example with-firebase-hosting with-firebase-hosting-app
cd with-firebase-hosting-app

 

.firebasercファイルの<project-name-here>を自身のFirebaseプロジェクト名に変更する。

 

ここでnpm run deployしたが、私の環境ではエラーが出た。下記にエラー対処を記載。

 

無事deployできた。ちゃんとFunctionsが叩かれていて想定する動きになっている模様。

f-arts336

f-arts336

-Firebase, React
-

Copyright© 煩悩八百万クリエイター戦記 , 2018 All Rights Reserved.