Hướng dẫn Full Stack TypeScript, GraphQL, Apollo, React & Next.js

Cùng bắt tay vào làm dự án nho nhỏ với những công nghệ tiên tiến nhất hiện nay:

- TypeScript
- Node.js
- Express.js
- GraphQL với Apollo Server, TypeGraphQL, Pagination và DataLoader
- PostgreSQL với TypeORM
- MongoDB với Mongoose và Typegoose
- React & Next.js với SSG & SSR
- Apollo Client với custom config nhằm tương thích với Next.js SSG và SSR
- Điều khiển và quản lí Apollo Client GraphQL Cache
- GraphQL Client Code Generator
- Formik
- Chakra UI

Source Code:
https://github.com/lpredrum136/reddit-fullstack-typescript-tutorial

Dự án được Việt hoá, chỉnh sửa và cải tiến từ dự án của Ben Awad.

0:00 Giới thiệu
7:20 Setup
31:40 Tạo enities, resolvers
48:35 Fix bug version
56:22 Register mutation
1:14:00 Tạo types
1:42:50 Login mutation
1:53:05 Connect mongodb
2:19:10 Login with cookie
2:35:00 Logout
2:44:00 CRUD Post
3:13:30 API middleware
3:31:15 Start Front-end
3:38:42 Register page
4:09:30 Kết nối Apollo client & Graphql cho client
4:35:36 Graphql Codegen
4:50:35 Show form error
5:06:15 Login page
5:42:08 Tìm hiểu và xử lý Apollo cache
6:37:57 SSG + SSR
7:11:53 Email server
7:22:50 Forgot password mutation
8:08:10 Forgot-Password page
8:22:12 Change password mutation
8:51:40 Change-Password page
9:15:25 Protected routes
9:33:53 Handle render posts
10:25:08 Posts pagination
11:42:20 Create-Post page
12:02:23 Overwrite posts cache
12:19:30 Post detail page
12:58:30 Update post
13:48:15 Delete post
14:19:10 Upvote post mutation
14:58:15 Upvote post phía frontend
15:39:55 Fix server side don't have cookie
16:28:38 Improve performance with Dataloader
17:08:34 Deploy