How jungho1123/lg_cns_07_03 works
This is a Next.js social community frontend: users authenticate, browse or write posts, interact through likes and comments, and manage profiles and notifications. The graph follows the sampled post-listing, authentication, avatar, and notification paths, while retaining the distinct post-detail and interaction modules visible in the tree. Several action and UI implementations were not sampled, so uncertain links are omitted; the Spring API is represented as an external service.
Main entry points: posts/page.tsx Post listing · postReadService.ts Post reads · [postId]/page.tsx Post detail · mypage/page.tsx My page
Components 25
Identity
- Login page
app/(auth)/login/page.tsx - Signup page
app/(auth)/signup/page.tsx - Auth actions
actions/authActions.ts - Signup actions
actions/signupActions.ts
Posts
- Post listing
app/posts/page.tsx - Post feed
app/posts/PostFeed.tsx - Post detail
app/posts/[postId]/page.tsx - Post composer
app/posts/PostComposer.tsx - Post actions
actions/postActions.ts
Interactions
- Post likes
app/posts/PostLikeButton.tsx - Like actions
actions/likeActions.ts - Comments
app/posts/[postId]/CommentList.tsx - Comment actions
actions/commentActions.ts - Reactions
actions/reactionActions.ts - Notifications
app/api/notifications/route.ts
Profile
- My page
app/mypage/page.tsx - Avatar editing
components/organisms/AvatarEdit.tsx - Avatar route
app/api/avatars/[userId]/route.ts
Backend access
- Auth service
service/spring/authService.ts - Post reads
service/spring/postReadService.ts - Post writes
service/spring/postWriteService.ts - Notification service
service/spring/notificationService.ts - Avatar service
service/avatarService.ts
Other components
- Visitor
- Spring API
Connections 25
- Visitor → Login page: opens
app/(auth)/login/page.tsx - Visitor → Signup page: opens
app/(auth)/signup/page.tsx - Login page → Auth actions: submits to
- Signup page → Signup actions: submits to
- Auth actions → Auth service: calls
actions/authActions.ts - Signup actions → Auth service: calls
actions/signupActions.ts - Auth service → Spring API: requests
service/spring/authService.ts - Visitor → Post listing: opens
app/posts/page.tsx - Post listing → Post reads: loads posts
app/posts/page.tsx - Post listing → Post composer: renders
app/posts/page.tsx - Post listing → Post feed: renders
app/posts/page.tsx - Post feed → Post likes: renders
app/posts/PostFeed.tsx - Post likes → Like actions: invokes
app/posts/PostLikeButton.tsx - Visitor → Post detail: opens
app/posts/[postId]/page.tsx - Post detail → Post reads: loads post
app/posts/[postId]/page.tsx - Post detail → Comments: renders
app/posts/[postId]/page.tsx - Post composer → Post actions: submits to
app/posts/PostComposer.tsx - Visitor → My page: opens
app/mypage/page.tsx - My page → Post reads: loads my posts
app/mypage/page.tsx - My page → Avatar editing: renders
app/mypage/page.tsx - Avatar route → Avatar service: calls
app/api/avatars/[userId]/route.ts - Notifications → Notification service: calls
app/api/notifications/route.ts - Notification service → Spring API: requests
service/spring/notificationService.ts - Avatar service → Spring API: requests
service/avatarService.ts - Post reads → Spring API: requests
service/spring/postReadService.ts