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.
Overview
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
Taught by
Web Dev Simplified
Related Courses
-
React / GraphQL Course - Build a social media app (MERNG Stack)
-
Migrate Next.js Application to App Router
-
Build a Twitter Clone with the Next.js App Router and Supabase
-
Task Manager App Tutorial - Next.js, React, Prisma, MongoDB
-
Build a Real-time Next.js 14 Chat App with Fauna
-
Full Stack React & Firebase Tutorial - Build a social media app
