Totaro Web 히어로

B2B Marketplace · K-Food · AI

Totaro Web

AI 기반 K-Food 글로벌 B2B 소싱 플랫폼 — 바이어와 공급업체를 연결하는 마켓플레이스

Next.jsTypeScriptSupabaseGoogle GeminiTanStack QueryPlaywright

Totaro Web은 한국 식품 공급업체와 글로벌 바이어를 연결하는 AI 기반 B2B 소싱 플랫폼입니다. AI 상품 검색·자동 견적 요청·실시간 채팅을 통해 국제 식품 거래의 언어 장벽과 정보 비대칭을 해소합니다. Next.js App Router 기반으로 바이어용·공급업체용·관리자용 3가지 인터페이스를 한 코드베이스에서 운영합니다.

Overview

랜딩 페이지, 공급업체 디렉토리, 카테고리 브라우징, AI 채팅 견적 시스템, 공급업체 대시보드, 재고·주문·정산 관리까지 풀스택으로 구현했습니다. 한국어·영어·일본어 다국어(next-intl)를 지원합니다.

Totaro Web 카테고리

Problem

글로벌 바이어가 한국 식품 공급업체를 탐색할 때 언어 장벽, 카탈로그 파편화, 느린 견적 프로세스(이메일·팩스)가 거래 성사를 막습니다. 공급업체는 해외 마케팅 비용과 인프라 없이는 글로벌 바이어에 도달하기 어렵습니다.

Solution

Totaro Web 공급업체

Gemini AI 기반 자연어 상품 검색과 자동 견적 채팅으로 기존 이메일·팩스 프로세스를 대체합니다. 공급업체는 대시보드에서 재고·주문·정산을 일괄 관리하고, 바이어는 다국어로 실시간 견적을 받을 수 있습니다.

Main Features

  • Gemini AI 자연어 상품 검색 및 자동 견적 채팅
  • 바이어·공급업체·관리자 역할 분리 대시보드
  • 공급업체 재고·주문·정산 통합 관리
  • 한국어·영어·일본어 다국어(next-intl) 지원
  • TanStack Query 서버 상태 관리 + 낙관적 업데이트
  • Supabase RLS 기반 역할 접근 제어
  • Vitest 단위 + Playwright E2E 테스트
Totaro Web 인사이트

Tech Stack

Frontend

Next.js 16 (App Router)TypeScriptTailwind CSS + shadcn/uiTanStack React Querynext-intl (i18n)

Backend & AI

Supabase (Auth + DB + RLS)Google Gemini (AI 검색·채팅)Vercel AI SDKNext.js API Routes

Testing & Infra

Vitest (단위 테스트)Playwright (E2E)Vercel 배포Supabase Edge Functions

Platform Preview

Totaro Web 기능

My Role & Contributions

01서비스 기획 · PRD · IA 단독 설계
02Next.js 풀스택 개발 (랜딩, 마켓, 대시보드, AI 채팅)
03Gemini AI 상품 검색·자동 견적 파이프라인 구현
04Supabase RLS 기반 바이어·공급업체·관리자 권한 설계
05next-intl 다국어(한·영·일) 적용
06Vitest + Playwright 테스트 파이프라인 구축

Progress & What's Next

01

바이어·공급업체 풀스택 플로우 완성

02

Gemini AI 검색·견적 파이프라인 완성

03

한국어·영어·일본어 다국어 적용

04

실제 식품 공급업체 파일럿 온보딩 검토

05

결제 연동 및 에스크로 기능 예정