# 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
```