MPNITE — 3D Manufacturing.
3D 모델 업로드 → AI 자동 견적 → 공급사 매칭 → 결제 → 납품까지의 제조 사이클 플랫폼. Vue 2부터 Nuxt 4 SSR + Vite 7 SPA 하이브리드까지 5세대를 1인 풀스택으로 진화시킨 카이렌의 시그니처 케이스.
One person. Full stack.
MPNITE는 SI 프로젝트가 아니라 운영 중인 프로덕트입니다. 인계가 아니라 지속적인 진화가 핵심.
From Vue 2 to Nuxt 4 hybrid.
한 번에 갈아엎지 않고 5세대에 걸쳐 점진적으로 진화한 기록. 매 세대는 운영 데이터로 검증하며 다음 세대로.
Vue 2 모놀리스
최초 인수 시점. Bootstrap 5 + SASS + Webpack의 단일 SPA. CSR HTML 4KB로 SEO 불가.
Vue 3 + Pinia 3
Options API → Composition API + script setup. JavaScript → TypeScript 5 strict.
Vue 3 SPA + Vite 7
Webpack + Babel → Vite 7.3 ESBuild. axios ×3 인스턴스 → ofetch (SSR-safe, 401 Queue).
Tailwind 4 + Three.js 통합
Bootstrap → Tailwind 4 @theme. 3D 뷰어(STL/STEP/OBJ) + OrbitControls + dispose 규약 확립.
Nuxt 4 SSR + Vite 7 SPA 하이브리드
SSR (마케팅·SEO) + SPA (플랫폼) 한 도메인에서 공존. 같은 origin에서 JWT·세션 공유. AWS Bedrock 통합으로 AI 자동 견적.
SSR and SPA, same origin.
마케팅 페이지는 SSR로 SEO를, 플랫폼은 SPA로 인터랙션을. 같은 origin에서 JWT·세션을 공유하는 하이브리드 구조가 MPNITE의 척추.
One backend, seven concerns.
Spring Boot 3.3.4 하나가 22개 영역 라이브러리를 가로지르며 동작합니다. 웹부터 AI까지 7개 관심사로 묶어 운영.
Web
Persistence
Auth · Schedule
Logging · Observability
AI · Cloud
Document · Media
Utility
The complete toolbox.
Frontend부터 Backend·Infra까지 한 사람이 책임지는 풀스택 구성. 강조된 항목은 매일 운영하는 코어.
“1인 풀스택이 2년에 걸쳐 5세대를 거치며 도달한 결과 — 마케팅 SSR이 SEO를 책임지고, 비즈니스 SPA가 인터랙션을 담당하며, AWS Bedrock이 자동 견적을 만든다. 단일 책임으로 운영되는 풀스택이 어디까지 갈 수 있는지를 증명하는 시그니처 프로젝트.”
비슷한 진화가 필요한 시스템이 있나요?
MPNITE에서 검증한 18행 마이그레이션 매트릭스를 그대로 모듈화해 다른 프로젝트에 적용 가능합니다.