Sikstagram
Next.js에 대하여 공부하기 위해 진행한 프로젝트 입니다. 13버전의 app dir를 이용하여 프로젝트를 진행 하였습니다. 프로젝트를 진행하며 Next.js의 장점인 pre-rendering을 경험할 수 있었으며, 13버전에서 새로나온 개념인 서버 컴포넌트, 클라이언트 컴포넌트에 대해 깊게 공부할 수 있었습니다.
🔗 서비스 링크
🛠️ 사용 기술
Next.js 13
Typescript
Swr
Tailwindcss
Git
Github
💻 작업 내용
- Lighthouse를 이용한 웹 성능 및 웹 접근성 검사
- Sanity를 이용한 서버 데이터 관리
- 회원 관련 기능 구현
- OAuth 로그인(구글, 카카오), Next Meddleware를 이용한 User Session에 따른 처리, 마이페이지
- 게시글 관련 기능 구현
- 게시글 작성•조회, 좋아요, 북마크, 댓글 작성
- 기타 기능 구현
- File Drag and Drop, Swr을 이용한 데이터 동기화, 유저 팔로우•언팔로우, 사용자 검색
👨👨👦 참가 인원
- 개인 프로젝트
📺 미리 보기
OAuth 로그인 👇👇
게시글 등록 👇👇
게시글 및 게시글 상세화면 좋아요, 북마크, 댓글 작성 👇👇
Debounce를 이용한 유저 검색 👇👇
유저 팔로우, 언팔로우 👇👇
팔로우한 유저 정보보기 👇👇
해당 유저가 쓴 게시글, 북마크한 글, 좋아요한 글 조회 👇👇
