T3 Stackによる型安全なフルスタックWeb開発
Typescriptでフルスタック開発する場合の注目技術 tRPCをコア技術にした T3 stackについて学習します。
T3 Stackによる型安全なフルスタックWeb開発 free download
Typescriptでフルスタック開発する場合の注目技術 tRPCをコア技術にした T3 stackについて学習します。
T3 stackは、型安全かつ簡単にWebアプリケーションを開発することが出来る、下記の6つの技術をベースにした新しいweb development stackです。急激にGitHubスターが増加しており最近注目度の高い技術です。
Next.js
tRPC
Tailwind CSS
TypeScript
Prisma
NextAuth
T3 stackのコア技術である tRPC(typescript Remote Procedure Call)は、REST API, GraphQLで必須であったschemaドキュメント無しに型安全(フルスタック)な開発を実現出来ます。これにより、schema ドキュメントの生成・管理、フロントエンドでの型生成作業(code-generatorなど)が不要になります。
本コースでは、基本的なTodoアプリの実装(認証とCRUD)を通じてT3 stackによる型安全(フルスタック)なWebアプリ開発手法について学習します。
create-t3-app
NextAuthによるGitHub認証の実装
PrismaによるDB操作(Postgres)
tRPC routerの実装
tRPC server functionの実装
zodによるvalidation schemaの実装
tRPC clientを使用したCRUD操作
tRPC client (@tanstack/react-query)のcache更新処理の実装
ZustandによるUI状態管理
UIの実装(Next.js + Tailwind CSS)
Deploy to Vercel (Application) and Render (Postgres DB)
