소셜 · 블로그
포스트it
친구들과 글과 사진을 나누는 소셜 블로그 서비스. 공개 범위와 카테고리를 자유롭게 설정해 나만의 공간을 만들 수 있습니다.
edit_note
Main Screenshot
서비스 개요
포스트it은 친구들과 글과 사진을 나누는 소셜 블로그입니다. username(@핸들)과 nickname(표시명)을 분리해 프로필을 관리하고, 리치 텍스트 에디터로 이야기·그림·일상·우체국 카테고리의 글을 작성할 수 있습니다. 글마다 공개·비공개·친구공개 범위를 지정할 수 있어, 완전히 열린 SNS와는 다른 아늑한 공유 공간을 지향합니다.
기술적 접근
프론트엔드는 Next.js 16과 React 19, TypeScript, Tailwind CSS v4로 구성된 App Router 기반 애플리케이션입니다. 백엔드는 Fastify 5와 Drizzle ORM으로 PostgreSQL(Cloud SQL)을 다루며, TipTap 에디터로 이미지 업로드와 YouTube 임베드를 지원합니다. 인증은 Google·Instagram OAuth와 httpOnly 쿠키 기반 JWT를 사용하고, 이미지는 비공개 GCS 버킷에 저장해 백엔드가 스트리밍으로 서빙합니다. 친구 신청·수락·거절·해제 기능은 username 기반으로 동작합니다.
주요 기능
edit_document
TipTap 리치 텍스트 에디터 — 이미지, YouTube 임베드
visibility
공개 범위 설정 — 공개 / 비공개 / 친구공개
category
카테고리 — 이야기 / 그림 / 일상 / 우체국
group_add
친구 신청·수락·거절·해제 (username 기반)
badge
username·nickname 분리, 아바타 커스터마이징
dynamic_feed
소통 공간(타인 글) / 전체(내 글) 피드 구분
화면 갤러리
imageScreenshot
imageScreenshot
imageScreenshot
imageScreenshot