CommentList

Domain

Filters to PUBLISHED comments, groups them 2 levels deep by parentId, and appends a new-comment form. Shows an encouraging empty state when there are no comments.

With comments

Preview

Comments

(2)
AC
Alice Carter

Great article! Very thorough coverage of everything new in Next.js 16.

BM
Bob Miller

Agreed — the App Router section was especially helpful. Looking forward to the next post!

CS
Carol Smith

Could you go into more detail on Server Components in a follow-up?

Leave a Comment

Code
<CommentList comments={comments} postId={post.postId} onSubmitComment={handleSubmit} />

Empty state

Preview

Comments

No comments yet. Be the first to comment!

Leave a Comment

Code
<CommentList comments={[]} postId={post.postId} onSubmitComment={handleSubmit} />
Sourcemodules/domains/blog/comment/CommentList.tsx