jjineu / outstargram

Overview

Nextjs13 SSR 을 활용하여, 인스타그램을 참고하여 만든 사이트입니다.

개발 환경

• nextjs 13.3.0
• react-dom 18.0.11
• socket.io 4.7.0
• socket.io 4.7.0
• tailwindcss 3.3.1
• swr 2.1.3
  
  

Deploy on Vercel

[https://outstargram.vercel.app/]

주요 기능 및 Road Map

MVP

• 로그인
  • 소셜 로그인
  • 로그인하지 않은 사용자에 대한 처리
    
    
• 메인 뷰
  • 팔로우한 유저 목록
  • 포스트 목록(팔로우, 본인) 최신순 정렬
    
    
• 포스트 상세 뷰(모달)
  • 좋아요 • 북마크 기능
  • 댓글 기능 및 목록
    
    
• 포스트 생성 뷰
  • 이미지 파일 및 text 업로드
    
    
• 검색 뷰
  • name 및 id 로 검색
    
    
• 유저 상세 뷰
  • 유저 프로필 - 세션에 따라 본인/유저 변경
  • 유저 게시물 • 북마크 • 좋아요 목록

advanced(1.0.0)

• direct message 페이지
  • 1:1 실시간 채팅
  • 채팅 db 연결
  • 무한스크롤 기능
    
    
• PWA 적용
  
  
• Post Share 기능 추가