Theo 氏によって提唱された技術スタック「T3 Stack」をご存知でしょうか。T3 Stack とは、simplicity（シンプルさ）、modularity（モジュール性）、full-stack type safety（フルスタックの型安全）を追求した思想です。
そしてこれらの思想を実現するために T3 Stack では次の 6 つの技術を採用しています。
✅ Next.js
✅ tRPC
✅ NextAuth.js
✅ Prisma
✅ Tailwind CSS
✅ Typescript
今回は、これらの技術に加えて
🚀 Supabase
🚀 Vercel
🚀 Docker
を使って ToDo アプリを作成します。
本書では、以下のスキルが身につきます。
🔐 NextAuth.js を使った GitHub 認証の実装
🔄 tRPC による型安全なフロントエンド・バックエンド間の通信
📋 Prisma と Supabase による効率的なデータベース操作
⚡ 楽観的更新（Optimistic Updates）を用いたユーザー体験の向上
🎨 Tailwind CSS によるモダンな UI デザイン
🐳 Docker を使った開発環境構築
🚀 Vercel と Supabase へのデプロイ
本書の特徴はこちらです。
・T3 Stack の基本から丁寧に解説
・型安全なアプリケーション開発の実践的なアプローチ
・ローカル開発環境から本番デプロイまでをカバー
モダンな技術スタックのアプリケーションを世界に公開しましょう。作成したアプリケーションは、ポートフォリオとしてもご利用頂けます。

【T3 Stack 入門】認証機能付き ToDo アプリを作成しよう（Next.js & tRPC & NextAuth & Prisma）

ようこそ

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

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

環境構築をしよう

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

Docker で Supabase の環境を構築しよう

Prisma を使ってテーブルを作成しよう

NextAuth.js を使って認証機能を作成しよう

認証情報によって表示を切り替えよう

tRPC について

tRPC ルーターを定義しよう

CreateTodo コンポーネントを作成しよう

Todo コンポーネントを作成しよう

Todos コンポーネントを作成しよう

楽観的更新を行おう

ProgressBar コンポーネントを作成しよう

アプリケーションをデプロイしよう

おわりに

読者コミュニティ｜【T3 Stack 入門】認証機能付き ToDo アプリを作成しよう（Next.js & tRPC & NextAuth & Prisma）