---
title: "BALLPARK Xmas — Site campaign & Instagram API — Tran Manh Tuan"
description: "Site campaign BALLPARK Xmas YOKOHAMA KANNAI — tích hợp Instagram với vòng đời token tự động, nội dung Contentful render ngay khi có request thay vì build lại site."
canonical: "https://tmtuan.dev/vi/projects/ballpark-xmas"
language: "vi"
image: "https://tmtuan.dev/_img/projects/ballpark-xmas/ballpark.197a892f-og.jpg"
tokens: 602
---

# BALLPARK Xmas YOKOHAMA KANNAI

**BALLPARK Xmas YOKOHAMA KANNAI** là website campaign cho mùa sự kiện Giáng sinh tại khu vực Kannai, Yokohama — một site theo mùa với hai yêu cầu đặc thù: hiển thị nội dung mạng xã hội trực tiếp và cập nhật nội dung tức thì trong suốt thời gian diễn ra sự kiện.

Tích hợp **Instagram** là phần khách hàng quan tâm nhất: hệ thống tự chạy luồng OAuth để lấy token dài hạn, **Cloud Scheduler** tự làm mới token trước khi hết hạn và token được giữ trong **Secret Manager** — không ai phải thao tác tay hay lưu khoá ở chỗ không an toàn trong suốt mùa sự kiện.

Khác hẳn các dự án build tĩnh còn lại trong hồ sơ, nội dung ở đây được lấy ngay khi có request: CMS API gọi **Contentful GraphQL**, validate dữ liệu bằng Zod rồi render rich text ra HTML — biên tập viên cập nhật là nội dung đổi ngay, không phải build lại site. Ảnh phân phối qua **Akamai CDN** và tự purge cache khi publish; toàn bộ hạ tầng định nghĩa bằng **Terraform**.

## Thông tin

- **Vai trò:** Technical Lead
- **Website:** [ballparkfantasia.com](https://ballparkfantasia.com)

## Công nghệ

- Contentful
- GraphQL
- Node.js
- Instagram API
- Akamai CDN
- Secret Manager
- Cloud Scheduler
- Terraform

## Dịch vụ thể hiện qua dự án

- [Website doanh nghiệp & nền tảng nội dung](https://tmtuan.dev/vi/services/web-platforms)

## Bài viết liên quan

- [Knowledge Base docs-as-code + Context Graph cho portfolio 15 dự án](https://tmtuan.dev/vi/articles/knowledge-base-docs-as-code-context-graph)

## Structured data (JSON-LD)

```json
{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://tmtuan.dev/vi/projects/ballpark-xmas#webpage","url":"https://tmtuan.dev/vi/projects/ballpark-xmas","name":"BALLPARK Xmas — Site campaign & Instagram API","description":"Site campaign BALLPARK Xmas YOKOHAMA KANNAI — tích hợp Instagram với vòng đời token tự động, nội dung Contentful render ngay khi có request thay vì build lại site.","inLanguage":"vi","isPartOf":{"@id":"https://tmtuan.dev/#website"},"about":{"@id":"https://tmtuan.dev/#person"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang chủ","item":"https://tmtuan.dev/vi"},{"@type":"ListItem","position":2,"name":"Dự án","item":"https://tmtuan.dev/vi/projects"},{"@type":"ListItem","position":3,"name":"BALLPARK Xmas YOKOHAMA KANNAI","item":"https://tmtuan.dev/vi/projects/ballpark-xmas"}]}]}
```