5개월차 FE 직장인이 이제서야 만드는 개인 블로그 포트폴리오

접속 주소: https://eunstory.eunsu.kr

• 기술 스택

  • next.js (app router) & typescript
  • tailwindcss & shadcn
  • prisma & supabase (postgresql)
  • docker & github actions

• 기획

  • 메인 페이지 : 간단한 소개 페이지
  • about 페이지 : 자세한 이력 페이지
  • 로그인, 로그아웃 - 메인페이지 내부의 숨겨진 이스터에그 (나만 로그인 가능함!)
  • 구글 & 깃허브 oauth 로그인
  • 게시글 작성 페이지 - 게시글 작성 및 임시저장
  • 게시글 수정 페이지 - 게시글 수정 및 임시저장
  • 게시글 리스트 페이지 - 포스트 리스트, 카테고리별 필터, 검색 기능, 무한스크롤, 게시글 삭제
  • 게시글 순서 수정 페이지 - Drag and Drop 으로 순서 정렬 기능
  • 포스트 상세 - 현 카테고리에 있는 포스트 리스트, 포스트 상세, 댓글 리스트 및 작성
  • 관리자 페이지 - 작성된 댓글들 리스트, 구글 & 깃허브 로그인 유저 목록