Content Studio — Dashboard do Publikacji na 8 Platform Jednym Kliknieciem
Content Studio — Dashboard do Publikacji na 8 Platform Jednym Kliknieciem
Content Studio — Dashboard do Publikacji na 8 Platform Jednym Kliknieciem
Publikujesz tresci na wiecej niz jednej platformie? Wiesz, jak to wyglada. Otwierasz LinkedIn — wklejasz tekst, dodajesz obrazek, publikujesz. Otwierasz Instagram — kopiujesz tekst, zmieniasz format, wrzucasz karuzele. Facebook, TikTok, Medium, Twitter, blog, YouTube. Za kazdym razem — logowanie, wklejanie, formatowanie, czekanie na upload. Cztery do szesciu godzin na publikacje jednego tematu na osiem platform. Co tydzien.
Postanowilem to zautomatyzowac. W trzy dni zbudowalem Content Studio — wlasny dashboard, ktory publikuje na osiem platform jednym kliknieciem. W tym artykule opisuje caly proces: od problemu, przez architekture, po wyniki.
Problem — dlaczego platne narzedzia mnie nie przekonaly
Na rynku nie brakuje narzedzi do zarzadzania social media. Buffer kosztuje od $15 miesiecznie, Hootsuite od $99, Later od $25. Testowalem je. Zadne nie spelnialo moich wymagan.
Po pierwsze — nie obsluguja blogow. Mam wlasna strone na Next.js (aiagents.biz.pl), a publikacja artykulu to skrypt Python, nie klikniecie w panel. Po drugie — nie integruja sie z moim pipeline'em generowania contentu. Uzywam Claude Code do pisania artykulow, SwarmUI na SimplePod do generowania grafik AI, n8n do automatyzacji workflowow. Zadne komercyjne narzedzie nie rozumie tego ekosystemu. Po trzecie — nie daja mi kontroli nad obrazami. Generuje grafiki w dwoch modelach (Flux 2 Dev i Qwen Image 2512) i potrzebuje porownac wyniki side-by-side, wybrac lepszy wariant i zastosowac go na wszystkich platformach.
Potrzebowalem narzedzia, ktore:
- Publikuje na 8 platform z jednego miejsca
- Rozumie moj format plikow (Markdown + manifest JSON)
- Daje podglad i edycje tresci per platforma
- Integruje sie z Blotato API, n8n i moim blogiem
- Pozwala porownywac i wybierac grafiki AI
Architektura — 27 plikow TypeScript, 11 endpointow API
Content Studio to aplikacja Next.js 15 z App Router. Calosc to 27 plikow TypeScript, okolo 5500 linii kodu i 11 endpointow API. Frontend to React z Tailwind CSS, backend to API Routes w Next.js, a dane przechowuje system plikow.
Kazdy temat to folder w _content-output/ z data i slugiem — na przyklad 2026-02-22-nowosci-ai-2026. Wewnatrz kazdego folderu lezy _manifest.json z metadanymi: tytul, data, status publikacji per platforma, sciezki do mediow. Manifest to zrodlo prawdy — dashboard czyta go, aktualizuje po publikacji i odpytuje co 10 sekund, zeby wykryc zmiany z zewnatrz.
Struktura API:
/api/topics— lista wszystkich tematow z manifestami/api/topic/[slug]/content— tresc Markdown per platforma/api/topic/[slug]/media— pliki graficzne i wideo/api/topic/[slug]/image-review— podglad wariantow Flux/Qwen/Z-Image/api/publish— publikacja na wybrana platforme/api/blotato/accounts— lista polaczonych kont Blotato
Integracja z Blotato API — one-click publish
Kluczowym elementem jest integracja z Blotato API. Blotato laczy sie z kontami social media przez oficjalne API platform i pozwala publikowac programowo. Jedno wywolanie REST API = post na Instagramie, LinkedIn, Facebooku lub TikToku.
W Content Studio klikasz "Publikuj" przy dowolnej platformie. Dashboard:
- Czyta tresc Markdown z pliku per platforma
- Uploaduje lokalne obrazy na CDN bloga
- Wysyla request do Blotato API z trescia i URL-ami mediow
- Aktualizuje manifest — platforma oznaczona jako opublikowana
- Przycisk zmienia kolor na zielony z data publikacji
Dla Instagrama dodalem format-specific publish. Kazdy sub-tab (Post, Reel, Karuzela) ma wlasny przycisk. Reel wysyla plik MP4, Karuzela wysyla tablice obrazkow w odpowiedniej kolejnosci, Post wysyla pojedynczy obrazek.
TikTok wymaga dodatkowych pol w API — disabledComments, disabledDuet, disabledStitch, isBrandedContent, isYourBrand, isAiGenerated. Bez nich Blotato zwraca blad 400. Debugowanie tego zabralo pol dnia.
Blog i YouTube ida inna droga. Blog publikuje sie przez skrypt Python, ktory konwertuje Markdown na HTML i wysyla na API bloga. YouTube idzie przez n8n webhook.
System porownywania obrazow — Flux vs Qwen
To funkcja, ktorej nie znajdziesz w zadnym komercyjnym narzedziu. Gdy generuje grafiki AI, uzywam dwoch modeli rownoczesnie — Flux 2 Dev (fotorealizm) i Qwen Image 2512 (dokladniejszy tekst w obrazie). Kazdy obraz powstaje w obu wariantach.
W Content Studio jest dedykowany tab "Obrazy", ktory wyswietla oba warianty obok siebie. Klikam na lepszy, zatwierdzam, a system przemianowuje wybrany wariant, usuwa odrzucony i aktualizuje manifest.
Przy 9 tematach z 3-5 grafikami kazdy to kilkadziesiat decyzji, ktore wczesniej wymagaly recznego porownywania plikow w Finderze.
Wyniki i metryki
Po dwoch tygodniach uzywania Content Studio:
- 9 tematow opublikowanych przez dashboard
- 72 pliki contentowe wygenerowane (artykuly, scenariusze, posty)
- 77 assetow graficznych (miniaturki, karuzele, blog hero, reels)
- Czas publikacji: z 4-6 godzin na ~15 minut na temat
- Koszt infrastruktury: $0 miesiecznie (self-hosted)
- Koszt budowy: ~$10-15 lacznie (GPU do generowania grafik)
Dla porownania — Hootsuite przez rok to $1,188. Buffer — $180. Content Studio kosztowalo mnie trzy dni pracy i kilkanascie dolarow za GPU.
Czego sie nauczylem
Manifest-based architecture to strzal w dziesiatke. Zamiast bazy danych uzywam plikow JSON per temat. Kazdy skrypt czyta i zapisuje ten sam manifest. Zero migracji, dane czytelne dla czlowieka.
Blotato API jest solidne, ale dokumentacja mogla by byc lepsza. TikTok wymagal prob i bledow. Instagram carousel dziala bez zarzutu.
Porownywanie obrazow AI to must-have. Zanim zbudowalem tab "Obrazy", sprawdzalem warianty w Finderze. Teraz robie to w 30 sekund.
Next.js 15 z App Router idealnie nadaje sie do dashboardow. Server Components do czytania plikow, API Routes do operacji, React do interakcji. Zero external dependencies na backend.
Co dalej
Planuje trzy rozszerzenia: integracja z Medium i Twitter przez Blotato, harmonogram publikacji z kolejka, oraz metryki zaangazowania z platform.
Content Studio jest open-source friendly — cala architektura do odtworzenia. Next.js 15 + Blotato API + system plikowy z manifestami. Trzy dni i masz wlasne narzedzie, ktore robi to co Hootsuite za $99 miesiecznie — ale lepiej, bo dopasowane do Twojego workflow.
Powiązane artykuły
Case Study8 mar 2026
Jak zbudowalem AI Content Hub za pomoca Claude Code — Case Study
Jak zbudowalem AI Content Hub za pomoca Claude Code — Case Study
Czytaj dalejCase Study8 mar 2026
Jak zbudowalem AI Content Hub za pomoca Claude Code — Case Study
Jak zbudowalem AI Content Hub za pomoca Claude Code — Case Study
Czytaj dalejCase Study27 lut 2026
AI Coding Agents 2026 — Jak AI zmienia programowanie (i jak zbudowałem na tym cały system)
AI Coding Agents 2026 — Jak AI zmienia programowanie (i jak zbudowałem na tym cały system)
Czytaj dalejCase Study22 lut 2026
Generowanie obrazow lokalnie: Qwen Image 2512 vs Flux Dev 2 — moj setup i porownanie
Porownanie Qwen Image 2512 i Flux Dev 2 do lokalnej generacji obrazow AI. Setup SwarmUI, multi-model pipeline, LoRA fine-tuning i lekcje z dwoch tygodni testow.
Czytaj dalej