How to Build a Full Stack Nested Comments System

Overview

Learn how to build a full stack nested comments system in this comprehensive two-hour tutorial. Explore the process of setting up and connecting a backend, database, and React frontend to create a complex project ideal for enhancing your resume. Dive into topics such as Prisma database setup, server configuration, client-server connection, React Router implementation, custom hook creation, and context setup. Master the intricacies of rendering comments, building comment forms, and implementing client-server logic for creating, updating, and deleting comments. Discover user authentication techniques, comment reply functionality, and user permission management. Finally, delve into the implementation of a like system for comments, covering both server and client-side logic.

Syllabus

- Introduction
- Prisma database setup
- Server setup
- Connecting the client to the server
- React Router setup
- useAsync custom hook
- Get post server route
- Post context setup
- Render comments
- Comment form component
- Create comment client logic
- Create comment server logic
- User authentication
- Saving comments on the client
- Comment reply logic
- Update comment server logic
- Update comment client logic
- Delete comment server logic
- Delete comment client logic
- User permission UI
- Like comments server logic
- Like comments client logic