Hasura CloudとHeroku PostgreSQLを連携し、無料でGraphQLエンドポイントを構築する方法を解説。Pythonでのmutation実装、Next.js+Apollo Clientでのダッシュボード開発、Cypressでの画面キャプチャによるSlack通知まで一気通貫で紹介します。

Next.jsとVercelを使ってAWS障害情報を見やすくするステータスダッシュボードを構築した記録。RecoilによるGlobal State管理、Material Tableでのデータ表示、Chart.jsでの障害可視化、Vercelへのデプロイ方法まで解説します。