Full Stack Tutorial - NextJS, TRPC, T3, TypeScript, Prisma, Tailwind, Zod
Offered By: Coding Tech via YouTube
Course Description
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
Related Courses
NestJs Course for Beginners - Create a REST APIfreeCodeCamp Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod
freeCodeCamp Azure SQL - October 2021 New Updates and Features
Microsoft via YouTube Remix Crash Course - Full Stack React
Traversy Media via YouTube API Reading and Updating - Sending Dynamic Route Parameters from Remix to Prisma
Linode via YouTube