Tomato Agency

เจ้าของผลงานเล่าไว้แบบนี้

Tomato Agency — เอเจนซี่ Live VJ ของไทย · Static + PWA landing page, ready for Cloudflare Pages https://tomato.in.th # Tomato Agency — เว็บไซต์ (multi-page + blog) เว็บไซต์ของ **Tomato Agency** — ค่าย Live VJ ของไทย รับสมัครวีเจไลฟ์สด. สร้างด้วย **Eleventy (11ty)** เป็น static site ล้วน ไม่มี runtime framework deploy บน Cloudflare Pages. [](https://www.11ty.dev/) [](https://pages.cloudflare.com/) [](https://web.dev/progressive-web-apps/) ## Stack - **Eleventy 3 (ESM)** สร้าง HTML/CSS/JS แบบ static — ไม่มี client framework - เทมเพลต Nunjucks + บทความ Markdown (เพิ่มโพสต์ = วางไฟล์ `.md` ไฟล์เดียว) - PWA: `manifest.webmanifest` + service worker (network-first HTML, stale-while-revalidate assets) - **SEO ระดับ Rank Math/Yoast**: title template, meta, canonical, OG + Twitter, article tags, hreflang, JSON-LD (Organization, WebSite+SearchAction, WebPage, BreadcrumbList, BlogPosting, FAQPage), XML sitemap (+image), RSS feed, breadcrumbs, reading time - Cloudflare Pages: `_headers`, `_redirects`, `wrangler.toml` ## โครงสร้าง ``` . ├── eleventy.config.js ตั้งค่า 11ty (passthrough, collections, filters) ├── package.json สคริปต์ build/dev/humanize:check ├── src/ │ ├── _data/site.js ข้อมูลแบรนด์ + เมนู (single source of truth) │ ├── _includes/ │ │ ├── base

โดย botnick · ดูโพสต์ต้นทาง