Chào AIVO — pipeline deploy của tusgino

Bài mẫu kiểm chứng layout AIVO: pipeline deploy Astro lên Cloudflare Pages với diagram, callout, code block, chart và FAQ đầy đủ cho tusgino trên blog AIVO.

Sơ đồ kiến trúc pipeline deploy Astro lên Cloudflare Pages
TL;DR — Bài mẫu kiểm chứng toàn bộ component Tier 1 của AIVO.

Luồng deploy

Luồng deployLuồng deploypush mainAction buildCloudflare Pages
Hình 1 — Luồng deploy · tusgino
Xem dữ liệu diagram
type: flowchart
title: Luồng deploy
nodes:
  - id: push
    label: push main
  - id: build
    label: Action build
    focal: true
  - id: cf
    label: Cloudflare Pages
edges:
  - [push, build]
  - [build, cf]
Traffic 7 ngày
Traffic 7 ngàyBiểu đồ bar: views theo T2, T3, T40100200views / T2: 120120views / T3: 200200views / T4: 160160T2T3T4
views
Traffic 7 ngày
views
T2120
T3200
T4160
Xem dữ liệu chart
{"labels": ["T2","T3","T4"], "series": [{"name": "views", "values": [120, 200, 160]}]}

Cài đặt

Deploy
pnpm build
dist/ built trong 12s
astro.config.mjs
export default { output: 'static' };

Các bước

  1. Viết bàiTạo file .mdx trong content/posts/.
  2. Mở PRPreview deploy tự động cho mọi PR.
  3. Merge mainAction build rồi deploy production.

Kiến trúc phân phối

Mô hình kiến trúc phân phối nội dung tĩnh và edge caching của Cloudflare Pages
Hình 1: Mô hình phân phối nội dung tĩnh của AIVO trên hạ tầng Cloudflare Pages

Số liệu

BướcThời gian
Build12s
Deploy90s
Deploy tĩnh là deploy ít bất ngờ nhất.— tusgino
    • Pipeline: push main → build → Cloudflare Pages.
    • Frontmatter sai thì build fail ngay.

Câu hỏi thường gặp

Deploy mất bao lâu?
Khoảng 90 giây từ push main tới production.
Preview deploy xem ở đâu?
Mỗi PR có preview URL riêng trên Cloudflare Pages.
Tú (tusgino)Tú (tusgino)

AI Software Engineer tại Đà Nẵng. Viết về kiến trúc hệ thống production và cái giá phải trả của từng lựa chọn.