Tech Stack
Technology and experience that ship products
I choose technologies around the product goal and operating environment, turning ideas into services that work in production.
TypeScriptReactNext.jsReact QueryPrisma
Full Stack Focus (Next.js)
Full-stack development with Next.js
I develop the interface and server features together in one application. Rendering and data flows are designed around the product requirements, including the features needed for operation.
Next.js work scope
Rendering, data, and deployment are composed around the product stage and operating environment.
o*****Deposit history management website
Next.jsService development with SEO and server rendering
App RouterPage, layout, and data-loading architecture
Full StackWeb services with auth, payments, and external APIs
ProductionCaching and deployment configured for production
Full-stack services I can build
- Pages and APIs with the Next.js App Router
- SEO and performance optimization with SSR, SSG, and ISR
- Operational features including auth, payments, and email
- Full-stack development with databases and external services
Development stack
Next.js App RouterTypeScriptReact Query 또는 Server ActionsPrisma · Drizzle ORMNextAuth · Supabase AuthVercel · Cloudflare
Full Stack Focus (TanStack Start)
Full-stack development with TanStack Start
I connect routing, data loading, and server functions with type safety around TanStack Router and Query. The React-based structure supports fast validation and an operable product.
TanStack work scope
The application flow is designed from routing and server state management through edge deployment.
TanStack RouterType-safe routing and localized page structure
TanStack QueryServer-state caching and data synchronization
TanStack StartReact-based full-stack application architecture
CloudflareStatic and server deployment for edge environments
Full-stack services I can build
- Type-safe routing and data loading with TanStack Router
- Server-state caching and optimistic updates with TanStack Query
- React full-stack development with server functions, APIs, and auth
- Deployment architecture for Cloudflare Workers and Pages
Development stack
TanStack StartTanStack RouterTanStack QueryTypeScriptConvex · PostgreSQLCloudflare Workers · Pages
Frontend Focus
React-only frontend development
This stack is focused on pure frontend production. It is separate from full-stack development and is designed to build fast, polished web interfaces and user experiences.
Frontend work history
Client-affiliated organizations are anonymized because their relationship with the client was not discussed in advance.
h****Chat platform enhancement
r*****Web-based subtitle editor
K*****Automated Shopify sales aggregation
g*****Full-page landing page development
d*****LLM-based Q&A service
r*****Real-time exercise posture correction
a*****Medical image browsing platform
Services I can also build
- React.js + Supabase full-stack development (including DB design)
- Services requiring real-time database synchronization
- Payment platform integration — purchase and refund flows
- Web services that require WebAssembly
- Animation-based landing page development
- Video chat platform development
Development stack
TypeScriptReact QueryZodReact Hook FormTailwind CSSThree.js (웹 3D)Prisma 또는 Drizzle ORM번들러 설정 및 플러그인 추가프로젝트 생성부터 배포·인프라 설정까지
Selected Work
Products I have built
웹캠 운동 포즈 교정 피트니스센터 납품앱
여행 예매사이트 MVP
의료이미지 조회 플랫폼 (서울대병원 납품)
웹기반 입출금내역 실시간 알림
의사 구인구직 플랫폼 MVP
LLM 챗봇 (한국공항공사 납품)
스쿠버다이빙 예약 플랫폼
웹기반 자막 자동 생성기
(AI앱) sync.so 카피앱 MVP
What I Build
Services I can develop
✦New pages and responsive layouts
✦Google and Naver SEO
✦OAuth sign-up and payment flows
✦Duplicate-safe reservation systems
✦Email and map-based services
✦Custom charts and complex animations
✦Multilingual (i18n) websites
✦Real-time UI synchronized with databases
✦Custom PDF generation and PWA apps
✦WebAssembly and React integration
Tools I Use
A stack composed around the project
Frontend
TypeScript
Type-safe development
Next.js
SSG · ISR · SSR applications
React Query
Server-state caching and synchronization
shadcn/ui · Chakra UI
Composable UI systems
Data & State
React Hook Form + Zod
Complex forms and schema validation
Jotai
Small, explicit global state
Supabase · Convex
Fast BaaS and real-time data
Prisma · Drizzle ORM
Type-safe database access
Backend & Auth
Next.js · Nest.js
From frontend to production APIs
tRPC
End-to-end type-safe APIs
NextAuth · Supabase Auth
OAuth sign-up and session management
결제 · 이메일 · 지도
Integrations and operational logic
Delivery & Quality
Vercel · Cloudflare Pages
Serverless deployment and CDN delivery
AWS EC2 · GitHub Actions
Traditional servers and CI/CD
PWA · Workbox
Installable web applications
Vitest · ESLint
Testing and consistent code quality
Delivery
From development to deployment
I recommend SSG, ISR, or SSR based on the product direction, then connect GitHub and deployment so each unit of work can be reviewed.