System Architecture.

Matcha Logic의 시스템 아키텍처와 설계도를 투명하게 공개합니다.

📂 Directory Structure

matcha-logic/
├── public/
│   ├── admin/          # Decap CMS (config.yml)
│   ├── images/         # Assets
│   └── _redirects      # Routing Rules
├── src/
│   ├── components/     # UI Components
│   ├── content/        # Markdown Data
│   ├── layouts/        # Page Shells
│   └── pages/          # Routing Points
└── astro.config.mjs    # Configuration

⚡ Core Dependencies

Astro

Web Framework

v5.15.7

Tailwind CSS

Utility-first CSS

v3.4.17

Decap CMS

Git-based CMS

v3.x

🏗️ Component Usage

src / components

📄 Badge.astro
📄 Button.astro
📄 Card.astro
📄 Header.astro
📄 PageTitle.astro
... and more

JS src/pages/index.astro

1 ---

2 import Button from '../components/Button.astro';

3 import Badge from '../components/Badge.astro';

4 ---

6 <Button variant="primary">

7 Brewing 시작하기

8 </Button>

10 <Badge size="micro">Snapdragon</Badge>

Astro UTF-8

* 컴포넌트의 시각적 가이드라인은 UI Components 페이지를 참고하세요.