Overview
Dive into a comprehensive full-stack tutorial that guides you through building an authenticated todo list application using cutting-edge technologies. Learn how to leverage the T3 stack boilerplate to integrate TRPC with fully typed React query and mutation hooks, and optionally use Prisma for database management. Explore the setup of email magic link authentication with next-auth, create TRPC backend routes for CRUD operations, and implement corresponding frontend functionality. Master the art of creating a snappy user experience with optimistic updates, and gain insights into working with NextJS, TypeScript, Tailwind, and Zod. Follow along with provided code repositories and discover the power of full-stack type safety in modern web development.
Syllabus
Intro
T3 Boilerplate
Overview
Prisma Database Setup
next-auth Email Magiclink
Backend TRPC Router
Frontend Login
Frontend TRPC Querying
Frontend TRPC Mutations
Frontend Optimistic updates
Final touches
TRPC thoughts
Taught by
Coding Tech