Syshin's AI Portfolio Assistant

AppHub - Living Portfolio 플랫폼

개인 프로젝트 통합 관리 플랫폼

약 2개월

2025.11 ~ 진행 중

1인 풀스택 개발

개인 프로젝트

2025년 11월부터 개발한 Living Portfolio 플랫폼. 기존 정적 포트폴리오를 넘어 실제 동작하는 프로젝트들을 통합 관리. 인증, 데이터베이스, AI 백엔드 등 반복 기능을 하나의 플랫폼으로 통합.

기술 스택

frontend

React 19

Next.js 15

TypeScript

Tailwind CSS 4

Radix UI

Framer Motion

backend

FastAPI

Python 3.13

LangGraph

database

Supabase (PostgreSQL)

LangGraph Checkpoint Postgres

authentication

Supabase Auth

Google OAuth 2.0

GitHub OAuth 2.0

aiml

LangChain

LangGraph

OpenAI API

Anthropic Claude

statemanagement

React 19 (use hook)

Context API

deployment

Vercel (웹)

Google Cloud (AI 백엔드)

devtools

ESLint

TypeScript

Ruff

UV Package Manager

주요 성과

✓최신 기술 스택 활용 (React 19, Next.js 15, Tailwind CSS 4)
✓Supabase를 활용한 완전한 백엔드 인프라 구축
✓Google Cloud에 LangGraph AI 백엔드 성공적으로 배포
✓Vercel을 통한 웹 애플리케이션 자동 배포 및 운영
✓개인 프로젝트들을 위한 재사용 가능한 공통 인프라 구축
✓Living Portfolio 콘셉트로 차별화된 기술 역량 증명

주요 기능

도전 과제 및 극복

최신 기술 스택 학습

React 19, Next.js 15, Tailwind CSS 4 등 최신 버전 학습. 공식 문서와 실험을 통해 빠르게 습득

LangGraph 백엔드 배포

Google Cloud에 FastAPI + LangGraph 백엔드 배포. Docker 컨테이너화 및 환경 변수 관리로 해결

Supabase 통합

Supabase Auth, Database, Storage 통합. 공식 SDK와 문서를 통해 체계적으로 구현

배운 점 및 성장

✓최신 프론트엔드 생태계: React 19, Next.js 15의 새로운 기능들
✓풀스택 개발 경험: 프론트엔드부터 AI 백엔드까지 전체 스택 구현
✓클라우드 배포: Vercel과 Google Cloud 활용한 프로덕션 배포
✓Supabase BaaS: 백엔드 인프라를 빠르게 구축하는 방법
✓LangGraph 아키텍처: 멀티 에이전트 시스템 구축 및 상태 관리
✓설계 원칙: 재사용 가능한 공통 인프라 구축의 중요성
✓개발 생산성: 최신 도구와 프레임워크를 활용한 빠른 개발