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
Build a Full Stack Twitter clone with Next.jsCoursera Project Network via Coursera Next JS with React Hooks - Building SSR React Applications
Udemy End to End React with Prisma 2
Udemy Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera Next.js 14 & React - The Complete Guide
Udemy