Auto-sync from website-creator
This commit is contained in:
93
skills/website-creator/README.md
Normal file
93
skills/website-creator/README.md
Normal file
@@ -0,0 +1,93 @@
|
||||
# Website Creator - Usage Guide
|
||||
|
||||
## 🚀 Quick Start
|
||||
|
||||
```
|
||||
/use website-creator
|
||||
```
|
||||
|
||||
## 📋 What It Does
|
||||
|
||||
Creates complete Astro websites with automatic Easypanel deployment:
|
||||
|
||||
1. **Ask critical questions** (website type, name, branding, features)
|
||||
2. **Create Astro project** (with templates)
|
||||
3. **Crawl original site** (for redesign - preserves URLs, downloads images)
|
||||
4. **Setup Docker** (multi-stage build, tested locally)
|
||||
5. **Create Gitea repo** (automatic via API)
|
||||
6. **Deploy to Easypanel** (automatic via API, auto-deploy enabled)
|
||||
7. **Generate documentation** (DEPLOYMENT.md, CONTENT-GUIDE.md, CHECKLIST.md)
|
||||
|
||||
## 🎯 Features
|
||||
|
||||
**Base Features (Always Included):**
|
||||
- ✅ Responsive design (mobile-first)
|
||||
- ✅ SEO optimization (meta tags, sitemap, robots.txt)
|
||||
- ✅ Analytics integration (GA4, Plausible, or Umami)
|
||||
- ✅ Contact forms
|
||||
- ✅ Social media links
|
||||
- ✅ Dark mode
|
||||
- ✅ Blog with content collections
|
||||
|
||||
**Optional Features:**
|
||||
- Product catalog
|
||||
- Portfolio/gallery
|
||||
- Multi-language support
|
||||
- E-commerce (Snipcart/Stripe)
|
||||
|
||||
## 🔄 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 Website:**
|
||||
```
|
||||
/use website-creator
|
||||
→ Creates corporate website from scratch
|
||||
→ Asks: name, type, branding, features
|
||||
→ Deploys automatically
|
||||
```
|
||||
|
||||
**Redesign:**
|
||||
```
|
||||
/use website-creator
|
||||
→ Provide original URL
|
||||
→ Crawls all content, downloads images
|
||||
→ Preserves URLs
|
||||
→ Rebuilds with Astro
|
||||
→ Deploys automatically
|
||||
```
|
||||
Reference in New Issue
Block a user