# Guía: Alta de Nuevo Proyecto

## 🎯 Objetivo

Configurar completamente un nuevo proyecto desde cero, incluyendo todos sus datos, assets, configuración y contenido.

## 📋 Checklist de Datos a Recopilar

### 1. Información Básica del Proyecto
- [ ] **Nombre del proyecto** (ej: "Coke Colombres")
- [ ] **Tagline/Eslogan** (ej: "Fotografía de Naturaleza")
- [ ] **URL del sitio** (ej: "www.cokecolombres.com")
- [ ] **Autor** (ej: "Coke Colombres")
- [ ] **Descripción corta** (ej: "Fotografía profesional de naturaleza")

### 2. Información de Contacto
- [ ] **Teléfono**
- [ ] **Email**
- [ ] **Dirección física**
- [ ] **Horarios de atención**

### 3. Redes Sociales
- [ ] **Instagram** (URL y si está activa)
- [ ] **Facebook** (URL y si está activa)
- [ ] **LinkedIn** (URL y si está activa)
- [ ] **YouTube** (URL y si está activa)
- [ ] **WhatsApp** (URL y si está activa)
- [ ] **TripAdvisor** (URL y si está activa, si aplica)

### 4. SEO y Meta Tags
- [ ] **Keywords** (palabras clave separadas por comas)
- [ ] **Meta Description** (descripción para buscadores)
- [ ] **SEO Title** (título principal)
- [ ] **Schema Type** (ej: "Person", "Organization", "Photographer")
- [ ] **Schema Name** (nombre para schema.org)
- [ ] **Schema URL** (URL para schema.org)
- [ ] **Schema Description** (descripción para schema.org)

### 5. Open Graph (Facebook, LinkedIn)
- [ ] **OG Title**
- [ ] **OG Description**
- [ ] **OG URL**
- [ ] **OG Site Name**
- [ ] **OG Image** (ruta, ej: "cd-project/assets/og-image.png")
- [ ] **OG Image Alt** (texto alternativo)

### 6. Twitter Cards
- [ ] **Twitter Title**
- [ ] **Twitter Description**
- [ ] **Twitter Image** (ruta)
- [ ] **Twitter Image Alt**

### 7. Google Analytics
- [ ] **Tracking ID** (ej: "G-XXXXXXXXXX")
- [ ] **Tracking ID Dev** (opcional, para desarrollo)
- [ ] **Track in Local** (true/false)

### 8. Configuración del Sistema
- [ ] **Demo seleccionado** (ej: "demo-restaurant", "demo-law-firm-2")
- [ ] **Skin** (ej: "auto")
- [ ] **Módulos activos** (blog, services, projects, gallery, etc.)
- [ ] **Navegación de módulos** (header/footer)

### 9. Assets (Logos e Imágenes)
- [ ] **Logo principal** (logo.png)
- [ ] **Logo alternativo** (logo-alternative.png)
- [ ] **Logo secundario** (logo-2.png)
- [ ] **Favicon** (favicon.ico, favicon.svg)
- [ ] **Apple Touch Icon**
- [ ] **OG Image** (og-image.png, 1200x630px recomendado)
- [ ] **Twitter Image** (twitter-image.png, 1200x630px recomendado)
- [ ] **Web App Manifest icons** (192x192, 512x512)

### 10. Desarrollo/Coming Soon (Opcional)
- [ ] **Modo Development** (enabled: true/false)
- [ ] **Título Coming Soon**
- [ ] **Subtítulo Coming Soon**
- [ ] **Barras de progreso** (conception, design, development)
- [ ] **Mostrar Newsletter** (true/false)

### 11. Footer
- [ ] **Navegación principal** (qué links mostrar y en qué orden)
- [ ] **Módulos principales** (qué módulos mostrar)

## 📁 Archivos a Modificar/Crear

### 1. `database/seeders/project-data/site-data.json`

**Datos del proyecto:**
- name, tagline, url, author, description
- contact
- social_media
- footer
- development
- seo
- og
- twitter
- assets (solo main_logo_alt)

### 2. `database/seeders/project-data/cd-system.json`

**Configuración del sistema:**
- theme (demo, skin)
- modules (activos, navegación)
- maintenance

### 3. `database/seeders/project-data/assets.json`

**Assets del proyecto:**
- Logos, favicons, imágenes OG/Twitter

### 4. `database/seeders/project-data/analytics.json`

**Google Analytics:**
- tracking_id, enabled, track_in_local

### 5. Assets Físicos

**Carpeta:** `public/cd-project/assets/`

Archivos necesarios:
- logo.png
- logo-alternative.png
- logo-2.png
- favicon.ico
- favicon.svg
- apple-touch-icon.png
- og-image.png (1200x630px)
- twitter-image.png (1200x630px)
- favicon-96x96.png
- web-app-manifest-192x192.png
- web-app-manifest-512x512.png
- site.webmanifest

## 🔄 Proceso Paso a Paso

### Paso 1: Recopilar Todos los Datos

Completar el checklist de arriba con todos los datos del nuevo proyecto.

### Paso 2: Preparar Assets Físicos

1. Crear/obtener todos los logos e imágenes
2. Asegurar dimensiones correctas:
   - OG Image: 1200x630px (mínimo 600x315px)
   - Twitter Image: 1200x630px
   - Favicon: 32x32px (ico), 96x96px (png)
   - Apple Touch Icon: 180x180px
3. Guardar en `public/cd-project/assets/`

### Paso 3: Crear/Actualizar JSONs

#### 3.1. `site-data.json`

```json
{
  "name": "Coke Colombres",
  "tagline": "Fotografía de Naturaleza",
  "url": "www.cokecolombres.com",
  "author": "Coke Colombres",
  "description": "Fotografía profesional de naturaleza",
  "contact": {
    "phone": "+54 9 381 123-4567",
    "email": "contacto@cokecolombres.com",
    "address": "Tucumán, Argentina",
    "hours": "Mon - Sat 9:00am - 6:00pm"
  },
  "social_media": {
    "instagram": {
      "url": "https://instagram.com/cokecolombres",
      "active": true
    },
    "facebook": {
      "url": "",
      "active": false
    }
  },
  "seo": {
    "keywords": "fotografía, naturaleza, tucumán, argentina",
    "description": "Fotografía profesional de naturaleza",
    "title": "Coke Colombres",
    "schema": {
      "type": "Person",
      "name": "Coke Colombres",
      "url": "www.cokecolombres.com",
      "logo": "cd-project/assets/logo.png",
      "description": "Fotografía profesional de naturaleza"
    }
  },
  "og": {
    "title": "Coke Colombres - Fotografía de Naturaleza",
    "description": "Fotografía profesional de naturaleza",
    "url": "www.cokecolombres.com",
    "site_name": "Coke Colombres",
    "image": "cd-project/assets/og-image.png",
    "image_alt": "Coke Colombres - Fotografía de Naturaleza"
  },
  "twitter": {
    "title": "Coke Colombres - Fotografía de Naturaleza",
    "description": "Fotografía profesional de naturaleza",
    "image": "cd-project/assets/twitter-image.png",
    "image_alt": "Coke Colombres - Fotografía de Naturaleza"
  },
  "assets": {
    "main_logo_alt": "Coke Colombres - Fotografía de Naturaleza"
  },
  "footer": { ... },
  "development": { ... }
}
```

#### 3.2. `cd-system.json`

```json
{
  "theme": {
    "demo": "demo-restaurant",
    "skin": "auto"
  },
  "modules": {
    "blog": {
      "active": true,
      "navigation": {
        "header": true,
        "footer": true
      }
    }
  },
  "maintenance": {
    "enabled": false
  }
}
```

#### 3.3. `assets.json`

```json
{
  "assets": [
    {
      "name": "logo.png",
      "path": "cd-project/assets/logo.png",
      "type": "logo",
      "description": "Logo principal del sitio web"
    }
  ]
}
```

#### 3.4. `analytics.json`

```json
{
  "google_analytics": {
    "enabled": true,
    "tracking_id": "G-XXXXXXXXXX",
    "tracking_id_dev": null,
    "track_in_local": false
  }
}
```

### Paso 4: Configurar Base de Datos

1. Crear nueva base de datos: `bp-cokecolombres`
2. Actualizar `.env`:
   ```bash
   DB_DATABASE=bp-cokecolombres
   ```

### Paso 5: Ejecutar Migraciones y Seeders

```bash
php artisan migrate:fresh --seed
```

Esto ejecutará:
1. ✅ `CdSystemSeeder` → Carga `cd-system.json`
2. ✅ `SiteDataSeeder` → Carga `site-data.json` → Guarda en DB
3. ✅ `AssetsSeeder` → Carga `assets.json` → Guarda en DB
4. ✅ `AnalyticsSeeder` → Carga `analytics.json` → Guarda en DB
5. ✅ Otros seeders → Contenido

### Paso 6: Verificar

```bash
php artisan config:clear
php artisan tinker --execute="echo 'Name: ' . config('site.name') . PHP_EOL; echo 'URL: ' . config('site.url') . PHP_EOL;"
```

## 📝 Template de Archivos JSON

Ver archivos de ejemplo en:
- `database/seeders/project-data/site-data.json` (Muma como referencia)
- `database/seeders/project-data/cd-system.json`
- `database/seeders/project-data/assets.json`
- `database/seeders/project-data/analytics.json`

## ✅ Checklist Final

- [ ] Todos los datos recopilados
- [ ] Assets físicos preparados y en `public/cd-project/assets/`
- [ ] `site-data.json` completado
- [ ] `cd-system.json` completado
- [ ] `assets.json` completado
- [ ] `analytics.json` completado
- [ ] Nueva DB creada
- [ ] `.env` actualizado con nueva DB
- [ ] `migrate:fresh --seed` ejecutado
- [ ] Verificación exitosa

## 🎯 Resultado

Después de completar todos los pasos:

✅ **Proyecto completamente configurado:**
- Identidad del proyecto (name, tagline, url)
- Contact y social media
- SEO, OG, Twitter
- Assets cargados
- Google Analytics configurado
- Demo y módulos activos
- Todo funcionando automáticamente