|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/t3-stack-nextjs-trpc-web/
课程评论：没有评论
**课程名称:** T3 Stackによる型安全なフルスタックWeb開発 **课程概述:** 本课程介绍了T3 Stack，一个近年备受瞩目的、基于以下六种技术的新型Web开发栈，它能够实现类型安全且易于Web应用程序的开发。 **T3 Stack核心技术:** * Next.js * tRPC (TypeScript Remote Procedure Call) * Tailwind CSS * TypeScript * Prisma * NextAuth T3 Stack的核心技术tRPC，无需像REST API和GraphQL那样必须的Schema文档，即可实现全栈的类型安全开发。这消除了Schema文档的生成和管理，以及前端类型生成（如代码生成器）的需要。 **课程内容:** 本课程将通过实现一个基本的Todo应用程序（包含认证和CRUD操作），带领学员学习如何使用T3 Stack进行全栈的类型安全Web应用开发。具体内容包括： * 使用create-t3-app * 通过NextAuth实现GitHub认证 * 使用Prisma进行数据库操作（Postgres） * 实现tRPC router * 实现tRPC server function * 使用zod实现validation schema * 使用tRPC client进行CRUD操作 * 实现tRPC client (@tanstack/react-query) 的缓存更新处理 * 使用Zustand进行UI状态管理 * UI实现（Next.js + Tailwind CSS） * 部署到Vercel (Application) 和 Render (Postgres DB)
T3 stackは、型安全かつ簡単にWebアプリケーションを開発することが出来る、下記の6つの技術をベースにした新しいweb development stackです。急激にGitHubスターが増加しており最近注目度の高い技術です。Next.jstRPCTailwind CSSTypeScriptPrismaNextAuthT3 stackのコア技術である tRPC(typescript Remote Procedure Call)は、REST API, GraphQLで必須であったschemaドキュメント無しに型安全(フルスタック)な開発を実現出来ます。これにより、schema ドキュメントの生成・管理、フロントエンドでの型生成作業(code-generatorなど)が不要になります。本コースでは、基本的なTodoアプリの実装(認証とCRUD)を通じてT3 stackによる型安全(フルスタック)なWebアプリ開発手法について学習します。create-t3-appNextAuthによる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)
