すべてのカテゴリ

Firebase Cloud Firestoreの管理ツールをNextJSで実装する（2）前回の投稿では、NEXT のプロジェクト作成と Firebase admin SDK を使うための設定の紹介をしました。今回は、NEXT のページから Firebase admin SDK を利用する方法について紹介します。 Firebaase admin SDK はサーバー側で使う！ もちろん、Firebase の通常の SDK を使えば、NEXT のページから Firebase のリソースにアクセスする事ができます。これは、React や Vue で Firebase の通常の SDK を使う場合と基本的に同じです。 あるいは、Firebase の CDN のを読み込んで使うことも可能です。 しかし、この場合はあくまで Web ブラウザ（フロントエンド）からのアクセスで、Firebase admin SDK を使う恩恵を余り受けることができません。 今回、NEXT を使って Firebase Clud Firestore の管理ツールを作る例を紹介する大きな理由はサーバー側から Firebase のリソースにアクセスするのが大きな理由です。 NEXT のテンプレートにある API の機能を利用する NEXT のフレームワークはサーバー側のレンダリングに対応するため、バックエンドのプログラムも利用できるのが最大の魅力です。「create-next-app」で作成する NEXT のプロジェクトのテンプレートの中にもその機能がすでに組み込まれています。 まずはテンプレートの AP