Next.js Forum App with Next UI: Part #10- Complete Comments UI | Next.js Tutorial Series - Chapter17

In this video, we continue building our Forum App. This one is pretty long. Today we will build the Comment Form, and save a few comments. Then write the action function, Create the Comment Show Component and display the Comment using the Comment List Component. You'll learn all of this and much more in today's session.
finally, this video ends with a wrap-up of our work on this App.
So Stay Tuned & Don't forget to Subscribe.

In This Video:
Modify Forum App- Create Comment Form UI & Action Component📝
Write Function Logic to display Comment 🌟
Update UI in the Forum App.

By the end of this tutorial, you'll have a clear view of the much-awaited Forum App built with Next UI in Next.js.

Chapters:
00:00 - Introduction
00:10 - App Review- UI Update
00:30 - Create Comment Form UI
01:20 - The Forum App- Create Comment Action
06:50 - Update Comment Form UI
13:40 - Add Comment Form in Post Show UI
14:30 - Create Comment Show Component
16:00 - Create Comment Query Function
17:30 - Update Comment Show Component
21:40 - Create Comment List UI Component
24:20 - Update Post Show With Final UI Component
24:30 - Testing, Greeting & Wrap Up

Stay Connected:
Subscribe for more tutorials
Do you have questions or need help? Comment below, and I'll respond as soon as possible. Also, don't forget to like the video if you find it helpful, and please subscribe to stay updated with the latest tutorials.

Let's style and have some fun! See you in the next chapter where we'll dive deeper into Next.js. Until then, happy coding! 🎉

#Nextjs #WebDevelopment #CSS #JavaScript #BeginnersGuide #zod #backend #backenddevelopment #timestamps #nextui #tailwindcss #coding #fullstack #fullstackdevelopment #forumapp