Learn T3 Stack For Typesafe Full-Stack Web Development

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.