블로그 마이그레이션 및 배포 가이드
플랫폼 소개 및 구조 (System Diagram)
본 블로그 플랫폼은 초고속 응답 속도와 완벽한 SEO(검색 엔진 최적화) 유지, 그리고 뛰어난 확장성을 목표로 설계된 멀티테넌트(Multi-tenant) 서버리스 아키텍처입니다. 워드프레스의 무거운 한계를 극복하기 위해 최신 웹 기술 스택(Astro, SvelteKit, Supabase)과 Cloudflare의 글로벌 엣지 네트워크를 결합하여 단일 코드베이스로 수많은 블로그 사이트를 동시에 안전하게 호스팅할 수 있습니다.
graph TD
User([Website Visitor]) --> |HTTPS Request| CF[Cloudflare Edge Network]
Admin([Platform Admin]) --> |HTTPS Request| CF
subgraph "Cloudflare Ecosystem"
CF --> |"*.metacity9.com"| Front[Astro Frontend
SSR & Edge] CF --> |"cms.metacity9.com"| CMS[SvelteKit CMS
Admin Dashboard] end subgraph "Backend Infrastructure" Front --> |Fetch Post Data| SB[(Supabase
PostgreSQL DB)] CMS --> |Manage Content| SB end subgraph "Features" Front -.-> |Dynamic Generate| XML[Sitemap & RSS] Front -.-> |Middleware Intercept| Route[Multi-tenant Router] end classDef edge fill:#f97316,stroke:#c2410c,stroke-width:2px,color:white; classDef compute fill:#3b82f6,stroke:#1d4ed8,stroke-width:2px,color:white; classDef db fill:#10b981,stroke:#047857,stroke-width:2px,color:white; classDef feature fill:#f3f4f6,stroke:#9ca3af,stroke-width:1px,stroke-dasharray: 5 5; class CF edge; class Front,CMS compute; class SB db; class XML,Route feature;
SSR & Edge] CF --> |"cms.metacity9.com"| CMS[SvelteKit CMS
Admin Dashboard] end subgraph "Backend Infrastructure" Front --> |Fetch Post Data| SB[(Supabase
PostgreSQL DB)] CMS --> |Manage Content| SB end subgraph "Features" Front -.-> |Dynamic Generate| XML[Sitemap & RSS] Front -.-> |Middleware Intercept| Route[Multi-tenant Router] end classDef edge fill:#f97316,stroke:#c2410c,stroke-width:2px,color:white; classDef compute fill:#3b82f6,stroke:#1d4ed8,stroke-width:2px,color:white; classDef db fill:#10b981,stroke:#047857,stroke-width:2px,color:white; classDef feature fill:#f3f4f6,stroke:#9ca3af,stroke-width:1px,stroke-dasharray: 5 5; class CF edge; class Front,CMS compute; class SB db; class XML,Route feature;
Astro Frontend (SSG/SSR)
Cloudflare Pages에 배포되어 전 세계 엣지 네트워크에서 매우 빠른 속도로 블로그 페이지를 서빙합니다.
하나의 코드로 여러 도메인의 트래픽을 모두 처리하는 Multi-tenant 구조를 갖췄습니다.
SvelteKit CMS (Admin)
오직 관리자만을 위한 비공개 영역으로, 블로그 글쓰기, 사이트 관리, 리디렉션 처리 등을 담당합니다.
프론트엔드와 분리되어 있어 관리자 화면의 부하가 실제 블로그의 속도에 영향을 주지 않습니다.
Supabase (PostgreSQL)
모든 글, 사용자 정보, 사이트 설정이 저장되는 중앙 데이터베이스입니다.
무거운 워드프레스/MySQL에서 벗어나, 초고속 PostgREST API를 통해 데이터를 주고받습니다.
SaaS & Custom Domains
Cloudflare for SaaS를 이용해 새 도메인을 연결하면 즉시 SSL이 발급되며 자동으로 라우팅됩니다.
redirects 라우팅 미들웨어를 통해 구글 검색 노출도(SEO)를 그대로 유지할 수 있습니다.