【T3 Stack 入門】認証機能付き ToDo アプリを作成しよう(Next.js & tRPC & NextAuth & Prisma)
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 アプリを作成します。 モダンな技術スタックのアプリケーションを世界に公開しましょう。作成したアプリケーションは、ポートフォリオとしてもご利用頂けます。
Chapters
ようこそ
作成するアプリの概要を掴もう
使用する言語・フレームワーク・ツールの紹介
環境構築をしよう
アプリケーションのセットアップをしよう
Docker で Supabase の環境を構築しよう
Prisma を使ってテーブルを作成しよう
NextAuth.js を使って認証機能を作成しよう
認証情報によって表示を切り替えよう
tRPC について
tRPC ルーターを定義しよう
CreateTodo コンポーネントを作成しよう
Todo コンポーネントを作成しよう
Todos コンポーネントを作成しよう
楽観的更新を行おう
ProgressBar コンポーネントを作成しよう
アプリケーションをデプロイしよう
おわりに
Community
Author
Topics
- 公開
- 本文更新
- 文章量
- 約138,227字
- 価格
- 1,200円