iOSエンジニアのつぶやき

毎朝8:30に iOS 関連の技術について1つぶやいています。まれに釣りについてつぶやく可能性があります。

【Firebase】Next.jsをCloudFunctionsでホストさせる

next.jsにサンプルがあるので、これを使っていきます!

github.com

まずは、サンプルをインストールします。ちなみにAPP-NAMEは、よしなに変えてください。今回はnpmで作業します。ちなみにyarnがない場合は、yarnpkg install has failed.的なエラーが出るので、npm i -g yarnyarnをインストールします。

$ npx create-next-app --example with-firebase-hosting APP-NAME

次に、.firebasercdefaultを任意のFirebaseプロジェクトIDに置き換えます。

{
  "projects": {
    "default": "project-id"
  }
}

パッケージのdependenciesをインストールして、npm run devでローカルでアプリを実行してみましょう👷‍♀️

$ npm install
$ npm run dev

また、デプロイなどもnpm経由でやります。

$ npm run deploy

てな感じで、とりあえずCloudFunctionsにNext.jsアプリをホストすることができました🍺

参考

その他の記事

yamato8010.hatenablog.com

yamato8010.hatenablog.com

yamato8010.hatenablog.com