Theo 氏によって提唱された技術スタック「T3 Stack」をご存知でしょうか。T3 Stack とは、simplicity（シンプルさ）、modularity（モジュール性）、full-stack type safety（フルスタックの型安全）を追求した思想です。
そしてこれらの思想を実現するために T3 Stack では次の六つの技術を採用しています。
✅ Next.js
✅ tRPC
✅ NextAuth.js
✅ Prisma
✅ Tailwind CSS
✅ Typescript
今回は、これらの技術に加えて
🚀 Supabase
🚀 Vercel
🚀 Docker
を使って ToDo アプリを作成します。
2023 年現在、最もモダンな技術スタックのアプリケーションを世界に公開しましょう。作成したアプリケーションは、ポートフォリオとしてもご利用頂けます。

【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）