https://github.com/tomdoestech/trpc-tutorial
https://github.com/tomdoestech/trpc-tutorial
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomdoestech/trpc-tutorial
- Owner: TomDoesTech
- Created: 2022-06-27T22:18:24.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-30T14:27:34.000Z (almost 4 years ago)
- Last Synced: 2024-04-17T06:07:25.095Z (about 2 years ago)
- Language: TypeScript
- Size: 137 KB
- Stars: 132
- Watchers: 3
- Forks: 30
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tRPC with Next.js, TypeScript & Prisma
## Why you should be learning & using tRPC
* Making E2E type-safe APIs is fun and easy
* Gives you a deeper understanding of Next.js
* Going to be very popular (prediction)
## Technologies used
* tRPC
* TypeScript
* Prisma (Postgres)
* Zod - Schema validation & type generation
* nodemailer - Sending OTP emails
## Features
* Register user
* Login with OTP
* Create a post
* View a post
* List posts
## What will you learn?
* Enough tRPC to be productive
* Using Next.js as a monorepo
* Some TypeScript
* OPT login flow
## What you will need
* A running instance of a DB (Postgres, Mongo, SQLlite, MYSQL) - Postgres
## Video structure
1. Demo
2. Code walk-through
3. Bootstrap application
- Create app router
- Create router base
- Configure _app.tsx
- Make a request
- Configure prisma
4. Register user
- Create a user model
- Create register user schema
- Configure user router
- Register user resolver
- Register UI
5. User login
- Add login token to prisma
- Login schema
- Configure mailer
- Verify login schema
- Login resolver
- Verify login resolver
- Login UI
6. Create post
- Add post to prisma
- Create post router
- Create post resolver
- Create post UI
7. List posts
- List posts resolver
- List posts UI
8. View single post
- Query post schema
- Query post resolver
- Post UI