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

FarStep

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 の基本から丁寧に解説 ・型安全なアプリケーション開発の実践的なアプローチ ・ローカル開発環境から本番デプロイまでをカバー モダンな技術スタックのアプリケーションを世界に公開しましょう。作成したアプリケーションは、ポートフォリオとしてもご利用頂けます。