![【T3 Stack 入門】認証機能付き ToDo アプリを作成しよう(Next.js & tRPC & NextAuth & Prisma)](https://res.cloudinary.com/zenn/image/fetch/s--m9aSi9QT--/c_fill%2Cf_jpg%2Cfl_progressive%2Ch_700%2Cq_90%2Cw_500/https://storage.googleapis.com/zenn-user-upload/book_cover/c9cbe5e12b.png)
【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円