Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Full Stack Tutorial - NextJS, TRPC, T3, TypeScript, Prisma, Tailwind, Zod

Coding Tech via YouTube

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

Reviews

Start your review of Full Stack Tutorial - NextJS, TRPC, T3, TypeScript, Prisma, Tailwind, Zod

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.