GOSTORM 2026 - Festival Template

Template de storefront para festivales de música electrónica y eventos masivos.

Inspirado en Time Warp, DGTL, Sonus Festival y MDLBeast.

"Where Sound Meets Storm" ⚡

🎵 Sobre GoStorm

GoStorm es un festival de música electrónica que nace de la pasión por el techno, house y la electrónica de vanguardia. Primera edición: Junio 2026 en Madrid.

• GoStorm - Edición principal (3 noches, 4 escenarios)
• GoStorm Offshore - Beach edition en Tarifa
• GoStorm Underground - One night warehouse sessions

🚀 Stack Tecnológico

• Astro - Static Site Generator con React islands
• React - Para componentes interactivos
• Tailwind CSS - Estilos con tema personalizado (neon/dark)
• Framer Motion - Animaciones
• Lucide React - Iconos
• Date-fns - Manejo de fechas

📁 Estructura

festival-template/
├── public/
│   └── favicon.svg
├── src/
│   ├── components/
│   │   └── admin/           # Panel de administración
│   │       ├── AdminPanel.tsx
│   │       ├── EventsManager.tsx
│   │       ├── ArtistsManager.tsx
│   │       ├── VenuesManager.tsx
│   │       └── OrdersManager.tsx
│   ├── config/
│   │   └── storefront.config.ts
│   ├── data/
│   │   └── models.ts        # TypeScript interfaces
│   ├── layouts/
│   │   └── Layout.astro     # Layout principal
│   ├── lib/
│   │   └── cadences.ts      # Cliente API Cadences
│   ├── pages/
│   │   ├── index.astro      # Home
│   │   ├── events/
│   │   │   ├── index.astro  # Lista de eventos
│   │   │   └── [slug].astro # Detalle de evento
│   │   ├── artists/
│   │   │   └── index.astro  # Lista de artistas
│   │   └── admin/
│   │       └── index.astro  # Panel admin
│   └── styles/
│       └── global.css       # Estilos globales
├── astro.config.mjs
├── tailwind.config.js
├── package.json
└── wrangler.toml

🎨 Características

Páginas Públicas

• Home - Hero con video/parallax, eventos destacados, artistas featured
• Eventos - Grid de eventos con filtros por categoría
• Detalle Evento - Lineup, stages, tickets, galería, info práctica
• Artistas - Grid con filtros por género

Panel de Administración

• Dashboard - Estadísticas generales
• Eventos Manager - CRUD de eventos con modal de edición
• Artistas Manager - Gestión del lineup
• Venues Manager - Espacios y escenarios
• Órdenes Manager - Ventas de tickets

Diseño

• Tema oscuro con acentos neon (purple, cyan, pink)
• Efectos glassmorphism
• Animaciones suaves (parallax, hover effects)
• Responsive mobile-first
• Tipografía Inter

🔧 Instalación

cd storefronts/festival-template
npm install

💻 Desarrollo

npm run dev

El servidor estará en http://localhost:4321

🏗️ Build

npm run build

🚀 Deploy (Cloudflare Pages)

npm run deploy

O usando wrangler directamente:

npx wrangler pages deploy dist

⚙️ Configuración

Edita src/config/storefront.config.ts para personalizar:

• ID del storefront
• Mapping de proyectos Cadences
• Branding (nombre, logo, colores)
• Redes sociales
• Configuración de tickets
• Features habilitados

🔗 Integración con Cadences

El storefront se conecta automáticamente con Cadences API usando el ID configurado. Los datos se cargan desde los proyectos DATA_TABLE correspondientes:

📱 Páginas

🎯 To-Do

• Página de detalle de artista (/artists/[slug])
• Página de tickets con carrito
• Integración con pasarela de pago
• Sistema de autenticación para admin
• Página de noticias/blog
• Multiidioma (i18n)
• PWA support