Files
opencode-skill/skills/thai-frontend-dev
Kunthawat Greethong 5053ccdba2 feat(thai-frontend-dev): update consent system to better-sqlite3
- Replace Astro DB with better-sqlite3 (bypasses remote SQLite limitation)
- Add consent API with auto-create table pattern
- Update admin dashboard to fetch from API instead of Astro DB
- Add IP hashing and rate limiting for GDPR compliance
- Add seo-utils-mcp-guide skill
- Update legal templates with business placeholders
2026-04-01 18:36:51 +07:00
..

Thai Frontend Dev - Website Addon

🚀 Quick Start

/use thai-frontend-dev

Note: This is an addon for frontend-dev. Use frontend-dev for general website tasks.

📋 What It Does

Creates PDPA-compliant Thai market websites as an addon to frontend-dev:

  1. Ask critical questions (website type, name, branding, features)
  2. Create Astro project (with templates)
  3. Add Thai/English bilingual support (i18n routing)
  4. Add PDPA compliance (cookie consent, legal pages)
  5. Setup Umami Analytics (privacy-first, no cookies)
  6. Setup Docker (multi-stage build, tested locally)
  7. Deploy to Easypanel (automatic via API, auto-deploy enabled)

🎯 Features (Addon)

PDPA Compliance (Thai Law):

  • Cookie consent management (opt-in model)
  • Consent logging database (Astro DB)
  • PDPA-compliant Privacy Policy (Section 36)
  • PDPA-compliant Terms & Conditions
  • Admin dashboard for consent logs

Thai Market Features:

  • Bilingual Thai/English routing
  • Thai typography support
  • Thai legal templates
  • Umami Analytics (no cookies required)

Base Features (from frontend-dev):

  • Responsive design (mobile-first)
  • SEO optimization
  • Dark mode
  • Blog with content collections

🔄 Ongoing Updates

After initial setup:

  • Make changes to code
  • Commit to Git
  • Easypanel auto-deploys!

No manual Easypanel interaction needed!

📁 Output

website-name/
├── src/                    # Astro source
├── public/                 # Static assets (favicon, images)
├── Dockerfile              # Deployment config
├── package.json
├── astro.config.mjs
├── DEPLOYMENT.md           # How to deploy
├── CONTENT-GUIDE.md        # How to add content
└── CHECKLIST.md            # Update checklist

🛠️ Tech Stack

  • Astro - Static site generator
  • Tailwind CSS - Styling
  • Docker - Containerization
  • Gitea - Git (git.moreminimore.com)
  • Easypanel - Deployment

⚠️ Requirements

  • Easypanel API credentials (configured once)
  • Gitea API credentials (configured once)
  • Docker installed (for local testing)

📝 Example Usage

New Thai Website:

/use thai-frontend-dev
→ Creates corporate website with Thai/English
→ Adds PDPA compliance automatically
→ Deploys to Easypanel

Redesign (Thai market):

/use thai-frontend-dev
→ Provide original URL
→ Crawls all content, downloads images
→ Preserves URLs
→ Adds PDPA compliance
→ Deploys automatically