HOME > Development > Learn tRPC, NextJs Prisma by building an ultimate blog app

Learn tRPC, NextJs Prisma by building an ultimate blog app

  • Development
  • Jan 16, 2025
SynopsisLearn tRPC, NextJs & Prisma by building an ultimate blog...
Learn tRPC, NextJs Prisma by building an ultimate blog app  No.1

Learn tRPC, NextJs & Prisma by building an ultimate blog app, available at $74.99, has an average rating of 3.95, with 54 lectures, based on 74 reviews, and has 522 subscribers.

You will learn about Building a ultimate blog app using NextJs, Tailwind, TypeScript, tRPC, Prisma, and NextAuth How to create a ultimate blog app with NextJs and Tailwind The ins and outs of tRPC and Prisma Adding authentication with NextAuth Typing up the app with TypeScript Posting articles, liking/commenting/sharing/bookmarking Updating profiles and avatars Adding support for multiple tags Updating featured blog images from Unsplash API Following, unfollowing, commenting, and bookmarking Adding suggestions for users to see Thinking in React & Tailwind CSS t3 Stack This course is ideal for individuals who are For those who want to learn and explore or NextJs, Tailwind, tRPC, and Prisma galore or TypeScript to add a touch of class or Building a ultimate blog app, no longer a hassle or Whether youre a beginner or a pro or This course has something for you to know or So join us and lets build a blog app thats great or With skills that will surely elevate. It is particularly useful for For those who want to learn and explore or NextJs, Tailwind, tRPC, and Prisma galore or TypeScript to add a touch of class or Building a ultimate blog app, no longer a hassle or Whether youre a beginner or a pro or This course has something for you to know or So join us and lets build a blog app thats great or With skills that will surely elevate.

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

Summary

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

Price: $74.99

Average Rating: 3.95

Number of Lectures: 54

Number of Published Lectures: 54

Number of Curriculum Items: 54

Number of Published Curriculum Objects: 54

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

  • Building a ultimate blog app using NextJs, Tailwind, TypeScript, tRPC, Prisma, and NextAuth
  • How to create a ultimate blog app with NextJs and Tailwind
  • The ins and outs of tRPC and Prisma
  • Adding authentication with NextAuth
  • Typing up the app with TypeScript
  • Posting articles, liking/commenting/sharing/bookmarking
  • Updating profiles and avatars
  • Adding support for multiple tags
  • Updating featured blog images from Unsplash API
  • Following, unfollowing, commenting, and bookmarking
  • Adding suggestions for users to see
  • Thinking in React & Tailwind CSS
  • t3 Stack
  • Who Should Attend

  • For those who want to learn and explore
  • NextJs, Tailwind, tRPC, and Prisma galore
  • TypeScript to add a touch of class
  • Building a ultimate blog app, no longer a hassle
  • Whether youre a beginner or a pro
  • This course has something for you to know
  • So join us and lets build a blog app thats great
  • With skills that will surely elevate.
  • Target Audiences

  • For those who want to learn and explore
  • NextJs, Tailwind, tRPC, and Prisma galore
  • TypeScript to add a touch of class
  • Building a ultimate blog app, no longer a hassle
  • Whether youre a beginner or a pro
  • This course has something for you to know
  • So join us and lets build a blog app thats great
  • With skills that will surely elevate.
  • Are you tired of building basic websites that don’t showcase your true potential as a developer?

    Are you ready to take on a new challenge and build a professional-grade ultimate blog app that truly showcases your skills?

    If you’re nodding your head in agreement, then “Learn tRPC, NextJs & Prisma by Building an Ultimate Blog App” is the course for you!

    In this course, I will guide you through the process of creating a dynamic, feature-rich blog app from scratch using modern technologies such as NextJs, Tailwind, tRPC, Prisma, and NextAuth. You’ll get the opportunity to implement features such as posting articles, updating profiles and avatars, adding support for multiple tags, updating featured blog images from Unsplash, following, unfollowing, commenting, bookmarking, liking, unliking, filtering by tags, and adding suggestions.

    With a focus on hands-on, practical learning, you’ll get the chance to put your skills to the test and build an app that you can be proud of and showcase in your portfolio. Whether you’re a beginner or an intermediate developer, this course has something for you to learn and improve your skills.

    So don’t let this opportunity pass you by.

    Enroll in my course now and start building an ultimate blog app that truly showcases your skills and sets you apart from the competition.

    I will be with you every step of the way, providing the guidance and support you need to build this app.

    Don’t wait any longer to take your development skills to the next level.

    Sign up now, and let’s get started!

    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: Lets 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: Lets 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 ?

    Instructors

  • Learn tRPC, NextJs Prisma by building an ultimate blog app  No.2
    Pranjal Soni
    Full Stack JavaScript Developer
  • Rating Distribution

  • 1 stars: 4 votes
  • 2 stars: 3 votes
  • 3 stars: 7 votes
  • 4 stars: 18 votes
  • 5 stars: 42 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!