Learn T3 Stack For Typesafe Full-Stack Web Development

0

1

2

3

4

5

Posted on 01 Nov 15:53 | by mitsumi | 25 views

Learn T3 Stack For Typesafe Full-Stack Web Development
Published 10/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 355.32 MB | Duration: 1h 18m

This is a course that will allow you to get a head start into T3 stack web development.

What you'll learn
Understand what and why typesafe web development is important
Understand how to use tRPC and all of its advantages in a T3 stack
Understand how to use Prisma in a T3 stack
Understand how to make authentication with NextAuth and the T3 stack
Be able to quickly deploy T3 applications to Vercel
Requirements
Basic knowledge of HTML and CSS are required for this application as this will course will explore how to use the T3 stack and all of its advantages.
Have latest version of NodeJS, npm and npx
Description
The T3 stack is a development stack made by Theo. Its focused on its simplicity, modularity and full-stack type saftey. Utilises tools such as tRPC which allow the developer to create fully typesafe RESTful apis between the client and the server. T3 also uses Prisma which also allows you to create database queries with typesaftey.This course will go through basics of every component / tool in t3 and the structure of a t3 stack app. We will explore how to use NextAuth with discord authentiction, We will also understand how we can use the JWT strategy in NextAuth to gain information from the provider account (For example the discord discriminator or id from discord itself). This course will also go through the basics of tRPC and its ability to create typesafe RESTful apis between the server and the client. We will also look at how to use prisma models and how to migrate the prisma db and finally look at some basics in react. Otherwise through learning the basics of React, NextAuth, Prisma, and tRPC we will make a blog up to place all the things we learnt together.Setting up the environmentReact basicsPrisma basicstRPC basicsMaking the blog and deploying on vercelI am new at teaching and am willing to continue updating this course to however you guys would like recommend anything and ill get back to and update previous videos to make a better explaination.
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Creating the project
Lecture 2 Using NPM to create t3 app
Section 3: Basics of React
Lecture 3 Understanding the src/pages folder
Lecture 4 Learn to create and use pages
Lecture 5 Learn to create and use components
Section 4: Basics of Prisma
Lecture 6 Understaind the prisma schema file
Lecture 7 Learn how to generate migrations for prisma
Lecture 8 Learn how to use prisma studio
Section 5: Basics of tRPC
Lecture 9 Learn how to create a router
Lecture 10 Learn how to implement and use queries
Lecture 11 Learn how to implement and use mutations
Section 6: Basics of NextAuth
Lecture 12 Learn how to implement providers
Lecture 13 Learn how to implement JWT authentication
Section 7: Using T3 stack to make a blog
Lecture 14 Using NextAuth and its discord provider
Lecture 15 Using prisma database models
Lecture 16 Using tRPC for the backend
Lecture 17 Using tRPC for the frontend
Lecture 18 Deplyment to vercel
Beginner Web developer who are exploring some of the large amounts of web stacks that exist.