GraphQL エンジンを提供するオープンソースのプロダクトである Hasura をご存知でしょうか。Hasura は GraphQL API の迅速な開発を可能にし、開発プロセスを大幅に加速させることができる強力なツールです。

本書籍では、バックエンドに Hasura、フロントエンドに JavaScript フレームワークである Next.js を用いて認証機能付きタスク管理アプリを作成します。

他にもモダンかつ使いやすい下記のような技術を使います。

🔑 Auth.js（認証）
🔐 Firebase Authentication（認証）
📊 TanStack Table（テーブルの作成を容易に実装できるヘッドレス UI ライブラリ）
🌟 shadcn/ui（UI コンポーネント集）

筆者の観測範囲では、ここまで Hasura について詳解している教材はありません（2024 年 03 月時点）。
ぜひ本書で Hasura をマスターしながら、モダンなアプリケーション開発を学びましょう。

【Hasura 本格入門】認証機能付きのタスク管理アプリを作成しよう（Hasura & Next.js14 & Firebase Auth）

ようこそ

作成するアプリの概要を掴もう

使用する言語・フレームワーク・ツールの紹介

環境構築をしよう

Hasura・データベースのセットアップをしよう

テーブルを作成しよう

Roles と Permissions の設定をしよう

アプリケーションのセットアップをしよう

shadcn/ui のセットアップをしよう

Firebase のセットアップをしよう

Auth.js と Firebase Auth を使って認証機構を作成しよう（その１）

Auth.js と Firebase Auth を使って認証機構を作成しよう（その２）

Auth.js と Firebase Auth を使って認証機構を作成しよう（その３）

Auth.js と Firebase Auth を使って認証機構を作成しよう（その４）

Auth.js と Firebase Auth を使って認証機構を作成しよう（その５）

Auth.js と Firebase Auth を使って認証機構を作成しよう（その６）

タスクの作成・更新・削除する処理を実装しよう

TanStack Table を使ってタスクの一覧を表示しよう

タスクを作成・編集・削除できるようにしよう

おわりに

読者コミュニティ｜【Hasura 本格入門】認証機能付きのタスク管理アプリを作成しよう（Hasura & Next.js14 & Firebase Auth）