Learn tRPC, NextJs & Prisma by building an ultimate blog app

Course Curriculum

Chapter 1: Introduction

Lecture 1: Trailer

Lecture 2: Introduction

Lecture 3: Pro tip before you start watching the course

Chapter 2: Initialising the app and building the layout

Lecture 1: Initialising the app using create t3-app and understanding the folder structure

Lecture 2: Installing useful VS Code extensions and running the app

Lecture 3: Understanding the layout and building the header

Lecture 4: Building the main section

Lecture 5: Main Section – Building Search + Tags Section

Lecture 6: Main Section – Part 2

Lecture 7: Building the Sidebar

Lecture 8: Sidebar Part 2

Chapter 3: Authentication

Lecture 1: Understanding NextAuth and getting api keys from google cloud console

Lecture 2: Running a local PostgreSQL instance using Supabase

Lecture 3: Facing problems with setting up local instance ?

Lecture 4: Implementing auth flow using NextAuth

Lecture 5: Logout Functionality

Chapter 4: Let's build the write modal (popup)

Lecture 1: Creating Modal Component and uplifting the state using Context

Lecture 2: Building the form using react-hook-form and validating it using zod

Chapter 5: Understand the data

Lecture 1: I want to congratulate you!

Lecture 2: Let's undertstand the entity relationship diagram

Lecture 3: Creating the prisma schema

Lecture 4: Using a remote serverless Database and seeding the db

Lecture 5: Seed Script and GitHub Link

Chapter 6: Creating and fetching posts

Lecture 1: tRPC create post route

Lecture 2: tRPC fetch all posts

Lecture 3: Building the post page

Lecture 4: tRPC fetching a single post

Chapter 7: Like functionality

Lecture 1: Building the like/comment button like medium

Lecture 2: tRPC Like feature

Lecture 3: tRPC dislike functionality and revalidating the data

Chapter 8: Bookmarking functionality

Lecture 1: building the bookmarking functionality

Chapter 9: Commenting functionality

Lecture 1: Steps to be taken to build commenting functionality

Lecture 2: Building an animated sidebar for comments

Lecture 3: Create comment mutation tRPC

Chapter 10: User related stuff

Lecture 1: Fetch user reading list aka bookmarks

Lecture 2: Save username on sign up using NextAuth ?

Lecture 3: Redirecting user to author page

Lecture 4: Fetching and invalidating comments on a post

Lecture 5: Building user profile page UI

Lecture 6: Fetching user posts and rendering them on the user page

Lecture 7: Uploading avatar functionality (using Supabase)

Chapter 11: Tags functionality

Lecture 1: Building the UI/UX part for tags functionality using headless UI

Lecture 2: Single Tag Functionality

Lecture 3: Multiple Tags Functionality

Chapter 12: Use of external APIs

Lecture 1: Using Unsplash API to fetch images for blog featured image

Lecture 2: Saving the image url inside db

Chapter 13: Suggestions Feature

Lecture 1: Understanding the suggestions logic and building the query

Chapter 14: Follow Unfollow Feature

Lecture 1: Github Repo

Lecture 2: Understanding the logic and changing the prisma schema file

Lecture 3: Implementing the main logic

Lecture 4: Fixing a bug with Follow Unfollow functionality

Chapter 15: Integrate Quill Rich Text Editor

Lecture 1: Implementing rich text editor and safely rendering HTML on the client

Chapter 16: Infinite Scroll Feature

Lecture 1: Implementing the Infinite scroll feature

Chapter 17: Thank you

Lecture 1: Congratulations on finishing the course ?