Fullstack React GraphQL TypeScript Tutorial

Overview

This fullstack project course teaches how to build a backend and frontend from scratch using technologies like React, TypeScript, GraphQL, Node.js, and PostgreSQL. The course covers topics such as setting up MikroORM, Apollo Server Express, authentication, styling with Chakra, pagination, error handling, and deployment. The intended audience for this course is developers looking to enhance their skills in fullstack development with React, GraphQL, and TypeScript.

Syllabus

Intro.
Node/TypeScript Setup.
MikroORM Setup.
Apollo Server Express Setup.
MikroORM TypeGraphQL Crud.
Register Resolver.
Login Resolver.
Session Authentication.
Sessions Explained.
Next.js + Chakra.
URQL Basics.
GraphQL Code Generator.
Register Error Handling.
NavBar.
URQL Cache Updates.
Logout.
Next.js URQL SSR.
Forgot Password.
Change Password.
Why Switching to TypeORM.
Switching to TypeORM.
Many to One.
Global Error Handling.
Next.js Query Params.
URQL Pagination Start.
Adding Mock Data.
Chakra Styling.
More URQL Pagination.
Fix Mock Data.
URQL Pagination Has More.
GraphQL Fetching Relationships.
GraphQL Field Permissions.
Many to Many.
Invalidate Queries.
Upvote UI.
Change Vote.
Write Fragments.
Vote Status.
SSR Cookie Forwarding.
Single Post.
Delete Post.
Edit Post.
DataLoader.
Cache Reset.
Deploy Backend.
Docker.
Environment Variables.
DB Migrations.
Docker Hub.
DNS.
Deploy Frontend.
Fix Cookie.
Switch to Apollo.