Każdy zespół potrzebuje strony internetowej — miejsca, które jest wasze, nie algorytmu Facebooka. Pokażemy jak w jeden wieczór postawić profesjonalną stronę z koncertami, muzyką, filmami i pełną historią zespołu.

Jako przykład użyjemy migracji strony grapozorow.pl — warszawskiego zespołu indie rock (2001–2013), który miał stronę na starym Siteorze od 2006 roku.

Co dostaniesz

• 7 podstron: Start, Zespół, Historia, Koncerty, Video, Sklep, Kontakt
• Odtwarzacze Spotify i SoundCloud
• 30+ filmów z YouTube pogrupowanych w sekcje
• 16 plakatów koncertowych z Last.fm (klikalne, powiększane w lightboxie)
• Top utwory z wykresami popularności (dane z Last.fm API)
• Dyskografia z okładkami HD i tracklistami
• Podobni artyści
• SSL, SEO, responsywność, schema.org MusicGroup

---

Skąd brać dane? Przegląd API dla zespołów

Okazuje się, że w internecie jest mnóstwo danych o każdym zespole — rozproszonych po różnych serwisach. Wystarczy je zebrać.

Last.fm API — statystyki i dyskografia

Darmowy klucz (last.fm/api/account/create), bez limitów rate. Najlepsze źródło danych o odsłuchaniach.

Co wyciągnęliśmy dla Gry Pozorów:

artist.getInfo:
  Listeners: 6 947
  Playcount: 49 132
  Tags: polish, indie, indie rock, alternative, alternative rock
  Similar: Dav Intergalactic (100%), Pawilon (78%), Organizm (75%), 
           Rotofobia (67%), Broadway Taxi (67%), Max Weber (67%)
  Bio: Warsaw rock band. Started in Siedlce, now in Wesoła.

artist.getTopTracks (top 10):
  8 146 plays | 2 437 listeners | Casting na przyjaciela
  7 771 plays | 2 348 listeners | Do Nieba
  5 274 plays | 1 413 listeners | Pani E.
  3 986 plays | 1 443 listeners | Zastąpiłaś mi
  3 225 plays | 1 132 listeners | 1 dzień jesieni
  3 041 plays |   973 listeners | Neony złych miast
  2 831 plays | 1 190 listeners | Outro
  2 193 plays |   751 listeners | Nie znaczę nic
  1 452 plays |   462 listeners | Myself
    983 plays |   572 listeners | Carloss

artist.getTopAlbums:
  23 401 plays | Pani E. (EP, 2007)           | 4 584 listeners
  12 884 plays | EP·3 (EP, 2008)              | 2 754 listeners
   1 291 plays | Gra Pozorów (singiel, 2009)  |   233 listeners
   1 047 plays | Game Over (album, 2013)      |    16 listeners
     991 plays | Demo 2005                    |     - listeners
     573 plays | minimax pl 5 (składanka)     |     - listeners

album.getInfo (Game Over) — pełny tracklist:
  1. To co chcesz (3:14)
  2. Your Eyes Babe (4:40)
  3. W Twoich Myslach (2:54)
  4. This City (3:51)
  5. Spring (4:13)
  6. Rokka II (4:14)
  7. Nie umiem (3:49)
  8. Ignition (4:07)
  9. Haunted House (3:19)
  10. Camila (2:57)
  11. Storytellers (4:12)

Bonus — plakaty z eventów Last.fm: Strony eventów (last.fm/music/ZESPOL/+events/ROK) przechowują plakaty koncertowe w pełnej rozdzielczości. Znaleźliśmy 16 plakatów z lat 2008–2013.

Spotify Web API — embed player i katalog

Wymaga OAuth (Client Credentials flow, darmowe). Daje oficjalny embed player do osadzenia na stronie.

Spotify Artist ID: 4MceUyfnYhfMUfptP2Pk7z
URL: open.spotify.com/artist/4MceUyfnYhfMUfptP2Pk7z

Albums on Spotify:
  Game Over (2013) — album, 11 tracks
    ID: 2Gs7igwZ7iVzro9meTBC4H
    Cover 640px: i.scdn.co/image/ab67616d0000b273ae590d9f2716d6b3cf8d95b4
    
  Gra Pozorów (2008) — single, 4 tracks
    ID: 56VB41yozpuFG1b4uf3GsD
    Cover 640px: i.scdn.co/image/ab67616d0000b2732164d7bb3aa7c27bca0b8d00
    Tracks: 1 Dzień Jesieni, Neony Złych Miast, Nie Znaczę Nic, Outro

Embed URL:
  open.spotify.com/embed/album/ID?theme=0

Discogs API — dyskografia i kredyty

Bez klucza API, darmowe. Baza danych fizycznych wydawnictw — kto nagrywał, jaka wytwórnia, jaki format.

Discogs Artist ID: 2047524
URL: discogs.com/artist/2047524-Gra-Pozorów

Members (wg Discogs):
  Jakub Starzyński (bas)
  Mateusz Banasiuk (perkusja)
  Rafał Żukowski (gitara)
  Michał Stefaniak (śpiew, gitara)

Releases:
  2009 | Gra Pozorów | CD, EP | MegaTotal | Rock, New Wave, Alternative Rock
         Tracklist: Last Journey, Myself, 1000 Jumbo Jetów, Last Journey (Remix)
         Kraj: Poland

  2008 | Minimax Pl 5 (składanka Piotra Kaczkowskiego)
         Label: 4everMUSIC / Warner Music Poland

  2012 | Big Love (soundtrack serialu)
         Track 4: "Myself" — Gra Pozorów
         Label: EMI Music Poland / Pomaton
         18 utworów łącznie na soundtracku

MusicBrainz — otwarta baza muzyczna

Całkowicie darmowe, open-source. Komplementarne z Discogs — inne ID, inne dane.

MusicBrainz Artist ID: 49fdb5c5-146a-465f-9543-adf4fc734c53
Type: Group
Relation: discogs.com/artist/2047524

SoundCloud — odtwarzacz i opisy

Publiczne oEmbed API (bez klucza). Daje embed player i metadane.

Profil: soundcloud.com/gra-pozorow
Playlista: soundcloud.com/gra-pozorow/sets/gra-pozorow-singiel-2009
Avatar: i1.sndcdn.com/avatars-000062194742-d2vfds-t500x500.jpg

Opis playlisty z SoundCloud:
"Dobrze chodzący bas, przyjemnie brzęczące gitary, chwytliwe melodie 
i skoczne rytm. Debiutancki singiel Gry Pozorów to kawał świetnej 
poprockowej muzyki z nowofalowymi inklinacjami. Pozoranci mają dar 
komponowania dynamicznych, wpadających w ucho piosenek niczym grupa 
New Order, której wpływ słychać."

YouTube Data API — filmy i statystyki

Darmowy klucz API, 10 000 units/dzień. Kanał GP ma 56 filmów.

Channel: UCKjU7h-B-KSM7H4xPTFggMg (@grapozorow)

56 filmów (2009–2022):
  Teledyski: Myself, Last Journey, Ignition, To co chcesz, This City, 
             W twoich myślach o mnie
  Live: Game Over Tour (Wrocław 2013), Artenalia 2011, Sen Pszczoły, 
        Hydrozagadka, Street Video Art Gdańsk, Marszałkowska na dachu
  Wywiady: Teleexpress TVP, Radio EURO (EURO SCENA)
  Archiwum: WOŚP Sokołów (~2006), Kolekcjonerka (~2003), 
            Genetyczna Tożsamość (2005)

Inne API do sprawdzenia

• Bandcamp — GP nie ma profilu, ale Bandcamp ma API dla artystów którzy tam sprzedają
• Setlist.fm — setlisty koncertów (wymaga klucza API, darmowy)
• Genius — teksty piosenek (wymaga klucza API)
• Songkick — koncerty i festiwale (API key required)
• Google Merchant Center — do sprzedaży płyt w Google Shopping

---

Krok po kroku — budowa strony

1. Zbierz materiały

Zanim zaczniesz budować, zbierz wszystko:

• Teksty — bio, lista koncertów (nawet w Wordzie), historia, recenzje
• Zdjęcia — zespół, koncerty, plakaty, backstage
• Plakaty z Last.fm — wejdź na last.fm/music/ZESPOL/+events i przejrzyj lata wstecz
• Klucze API — Last.fm (30 sekund), Spotify (2 minuty na developer.spotify.com)

2. Stwórz stronę w CMS

W panelu CMS tworzysz site, layout (szablon z CSS) i strony. Layout to jeden plik HTML z Liquid tagami:

• {{ content }} — treść strony
• {% for p in pages %} — dynamiczne menu
• {{ html_title }} — SEO

3. Upload obrazków

Obrazki uploadujesz jako CMS assets (POST /cms/assets.json z multipart). Referencja w treści: /cms/assets/ID/view. Pliki nie wygasną — są na stałe w systemie.

4. Podepnij muzykę

Spotify embed: <iframe src="open.spotify.com/embed/album/ID?theme=0">

SoundCloud: weź embed z przycisku "Share" na playliście.

5. Dodaj filmy

<iframe src="youtube.com/embed/ID" loading="lazy"> — pogrupuj w sekcje (teledyski, live, wywiady, archiwum).

6. Koncerty z plakatami

Timeline CSS z datami, miejscami i supportami. Plakaty inline przy koncertach + lightbox (klik → powiększenie na overlay).

7. Domena i SSL

Cloudflare (darmowy) → SSL + CDN. W CMS dodaj domenę → gotowe.

8. SEO

Schema.org MusicGroup, Open Graph, canonical, title/description per strona.

---

Surowe dane z migracji grapozorow.pl

Stary Siteor — co było

Siteor CMS 8.4, portal_id: 23, user_id: 1503
SSL: ZEPSUTY (cert antykwariatlibra.pl)
CSS: fs.siteor.com/grapozorow1/files/layout/blackandwhite/
GA: UA-309420-1 (Universal Analytics, martwy)
GTM: GTM-WZBM (aktywny, ale strona nie działała)
Layout: blackandwhite (Free CSS Templates)
Paragraphs API: 404 (nie zwraca treści)
Content: AJAX loaded (/app/ajax/www/live_cache?page_id=XX)

Strony: Start, Zespół, Koncerty, Foto, Video, Kontakt, Sklep, 
        Game Over, 3 Utwory, Anim, Mixy 2011
        + strony testowe (iframe-test, test1, test2, 11, aw, czat)

Nowy CMS — co powstało

Site: 1068 (gra-pozorow)
Layout: 1079 (14.9 KB — CSS + Liquid + lightbox + schema.org)
Domain: 1522 (grapozorow.pl → site 1068)
Cloudflare zone: cc8f25e472dc7794c1a77d2c1963eec6

Strony:
  3940 | /           | Start    | 14 KB (stats, top tracks, Spotify, 
         SoundCloud, dyskografia, podobni artyści, prasa)
  3941 | /zespol     | Zespół   | 4 KB (bio, członkowie, osiągnięcia, prasa)
  3945 | /historia   | Historia | 7 KB (timeline 2000-2013 z docx)
  3942 | /koncerty   | Koncerty | 13 KB (70+ koncertów, 16 plakatów inline)
  3943 | /video      | Video    | 9 KB (30+ embedów YouTube, SoundCloud)
  3946 | /sklep      | Sklep    | 2 KB (okładki płyt, SoundCloud, kontakt)
  3944 | /kontakt    | Kontakt  | 1.5 KB (email JS anti-bot, 6 social links)

Assets (45 plików):
  1642-1647: plakaty ze starego Siteora (6)
  1648-1652: okładki płyt ze starego Siteora (5)
  1653-1660: zdjęcia z koncertów + galeria (8)
  1661-1664: zdjęcia zespołu (4)
  1665-1680: plakaty z Last.fm events (16)
  1681-1685: okładki z Last.fm API (5)
  1635-1641: pierwsze uploady (duplikaty, 7)

Źródła danych

Stary Siteor API: /app/pages.json (struktura) + HTTP scraping (treść)
Docx: "Wydarzenia z historii GP od 2000" + "Wszystkie koncerty 2001-2012"
Last.fm API: artist.getInfo, getTopTracks, getTopAlbums, getSimilar, 
             album.getInfo (5 endpointów)
Last.fm Events: 8 lat scraped (2006-2013), 16 plakatów znalezionych
Spotify API: search, artist, albums, album tracks (client credentials)
Discogs API: artist, releases, release details (bez klucza)
MusicBrainz API: artist search (bez klucza)
SoundCloud: oEmbed (bez klucza)
YouTube: channel, playlistItems, videos (API key)

Efekt: grapozorow.pl (preview: winnicapustkowie.intum.com/w/gra-pozorow)