YoVDO

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

Offered By: Coding Tech via YouTube

Tags

Next.js Courses Web Development Courses Typescript Courses CRUD Operations Courses Full Stack Development Courses Prisma Courses Zod Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 API
freeCodeCamp
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