next.js + vercel + firebase authentication で JWT の検証を行う + Graphql

BRANK

今個人で作ってるアプリの 認証 + Graphql の部分を抜き出して GitHub に公開した。mizchi/next-boilerplate-20200727next.js + vercel + firebase は (パーツを良く選べば) 最高next.js はルーティングを持つページを作るには最高で、サーバー、静的サイト、JAM スタック、AMP と必要に応じて選択できる。React ベースならこれ一択。認証サーバーの実装は毎度疲れるし、Firebase Athunetication はこの点においては OAuth Secret を置くだけ + Custom Provider も作れるので、最高。それと比べて firestore は、ちょっと前に firestore べったりでアプリを試作したことがあったのだが、型がないためにかなり扱いづらく、また読み書きの速度が遅くパフォーマンスも出なかったので、次に作るときはリアルタイム性が求められる部分だけ firestore にして、それ以外は他の DB で作ろうと決めた。自分の手元では mongodb(atlas) を使ってるが、その部分は公開していない。とりあえず typegoose が便利。サーバー実装を公開しなかった理由だが、 graphql をクラサバの分解点にしたので、 Firebase の存在をフロントエンドから隠蔽するために の記事にあるような分解点を簡単に作…