Discourse 앞단 CDN과 마이크로프런트엔드 운영 방식
Discourse를 그대로 두고 Vercel CDN과 Microfrontends로 보안과 새 기능을 덧붙이는 방법을 설명합니다.
교안에 영향
기존 글의 Discourse를 Vercel에 직접 이전해야 한다는 식의 안내는 맞지 않으며, 이제는 앞단 CDN 프록시와 경로별 마이크로프런트엔드 구성이 핵심입니다.
요약
- Vercel의 CDN으로 Discourse 같은 외부 호스팅 앱 앞단에 보안, DDoS 완화, 관측 기능을 붙일 수 있다고 설명합니다. - Web Analytics, Firewall, Bot Management로 커뮤니티 트래픽과 공격 방어, 크롤러 제어를 활용하는 사례를 소개합니다. - microfrontends와 microfrontends.json으로 같은 도메인에서 Next.js 앱을 경로별로 분리해 올리는 구성을 설명합니다. - vercel.ts를 사용해 inner host로 트래픽을 리라이트하고, .well-known/workflow 경로와 같은 추가 라우트를 단계적으로 붙이는 방법을 다룹니다. - 대규모 이전 없이 Discourse, WordPress, 다른 플랫폼 위에 기능을 점진적으로 현대화하는 접근을 제안합니다.
바뀐 것
기타
- Vercel의 CDN을 Discourse 같은 외부 애플리케이션 앞단에 둘 수 있는 운영 방식을 소개합니다.
- Web Analytics로 익명화된 유입·추천 데이터를 확인하는 활용 사례를 설명합니다.
- Firewall로 DDoS 보호와 공격 차단을 적용한 사례를 설명합니다.
- Bot Management로 악성 스크래퍼를 막고 신뢰할 수 있는 크롤러는 허용하는 방식을 설명합니다.
- Vercel Microfrontends로 같은 도메인에 Next.js 앱을 경로별로 마운트하는 구성을 설명합니다.
- 새 페이지 추가와 기존 Discourse 페이지 덮어쓰기, Sign in with Vercel 유지 목적을 설명합니다.
- microfrontends.json으로 특정 경로를 별도 Vercel 프로젝트로 라우팅하는 방법을 설명합니다.
- vercel.ts를 사용해 outer domain에서 inner domain으로 트래픽을 재작성하는 구성을 설명합니다.
- .well-known/workflow 경로를 추가해 Workflow Development Kit 기반 이벤트 생성과 영상 처리를 연결하는 예시를 제시합니다.
- 프로젝트 분리를 통해 환경 변수와 조직 권한을 분리하는 장점을 설명합니다.