moments

Next.js 기반의 SNS 서비스

배포 URL: https://moments-theta.vercel.app/

기술 스택

Next.js(app router) · Typescript · Tailwind CSS · Prisma · SWR · zod

주요 페이지 구성 및 기능

[랜딩 페이지]

 

[로그인 페이지]

• 서버 액션과 zod를 활용한 로그인

 

[트윗 메인 페이지]

• 무한 스크롤 구현

 

[트윗 생성 & 수정 & 삭제]

• Intercepting Routes, Parallel Routes 사용

 

[좋아요 & 댓글 생성 & 수정 & 삭제]

• useOptimistic을 활용한 낙관적 UI 업데이트