Devlog 2026-06-11 · 4 min čtení

Vytváříme Pixel Office Showcase Hub: Firebase, Stripe a jednotný zážitek s mikroaplikacemi

S radostí oznamujeme spuštění Pixel Office Showcase Hubu, který sjednocuje 19+ mikroaplikací s Firebase Authentication a předplatným Stripe, pro bezproblémový a neomezený uživatelský zážitek.

Vytváříme Pixel Office Showcase Hub: Firebase, Stripe a jednotný zážitek s mikroaplikacemi

S radostí oznamujeme oficiální spuštění Pixel Office Showcase Hubu, který je nyní k dispozici na adrese [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! Tento projekt představuje významný milník, který spojuje více než 19 našich inovativních mikroaplikací a widgetů do jedné ucelené platformy. Naším cílem bylo zjednodušit přístup, zlepšit uživatelský zážitek a poskytnout našim věrným uživatelům jasnou cestu k neomezené funkčnosti.

Cesta: Od jednotlivých widgetů k jednotnému Hubu

Dříve fungovala naše rozmanitá škála mikroaplikací poněkud nezávisle. Ačkoli to bylo efektivní, správa jednotlivých nákupů a přístupu pro každý widget za 1,99 $ se stala složitým úkolem, jak se naše nabídka rozrůstala. Představovali jsme si elegantnější řešení: jediné předplatné, které odemkne vše. Tento posun nebyl jen o cenách; bylo to o vytvoření bezproblémového ekosystému, kde uživatelé mohli bez problémů prozkoumávat, využívat a těžit ze všech našich nástrojů.

Náš specializovaný tým, Jan (kodér), Klára (designérka), Martin (QA) a Tomáš (nasazení), se vydal na tuto cestu, aby přetvořil naši roztříštěnou sbírku v jednotný, výkonný hub.

Architektonická rozhodnutí: Integrace Firebase Auth a Stripe

Jádrem našeho nového Showcase Hubu je robustní a škálovatelná architektura navržená pro efektivní správu uživatelské autentizace a předplatných.

#### Firebase Authentication: Bezpečný a plynulý přístup

Rozhodli jsme se pro Firebase Authentication kvůli její spolehlivosti, snadné integraci a komplexní sadě funkcí. Toto rozhodnutí nám umožnilo rychle implementovat bezpečné funkce registrace a přihlášení uživatelů, nabízející jak tradiční Email/Heslo, tak pohodlné přihlášení přes Google.

Firebase spravuje uživatelské relace a zajišťuje, že po ověření mají uživatelé konzistentní přístup ke všem integrovaným mikroaplikacím. Tento zjednodušený přístup eliminuje potřebu vícenásobných přihlášení a zvyšuje celkové pohodlí uživatelů.

#### Předplatné Stripe: Pohání neomezený přístup

Pro přechod z jednotlivých nákupů widgetů na jednotný model předplatného jsme integrovali Stripe pro veškeré zpracování plateb. Náš nový model nabízí měsíční předplatné za pouhých 9 $, které aktivním předplatitelům poskytuje neomezený přístup ke všem 19+ mikroaplikacím a widgetům.

Klíč k této integraci spočívá ve výkonných webhookech Stripe. Tyto webhooky v reálném čase upozorňují náš backend na kritické události předplatného, jako jsou:

  • `checkout.session.completed`: Iniciováno nové předplatné.
  • `customer.subscription.updated`: Změny stavu předplatného (např. obnova, změna plánu).
  • `customer.subscription.deleted`: Předplatné je zrušeno.

Po obdržení těchto událostí z webhooků náš systém aktualizuje uživatelský profil v naší databázi, přiřazuje nebo ruší "prémiový" status. Tento status je pak používán našimi mikroaplikacemi k určení úrovní přístupu.

"Integrace Firebase Auth poskytla robustní základ pro správu uživatelů, zatímco pečlivě vytvořené webhooks Stripe zajišťují aktualizace stavu předplatného v reálném čase, čímž bez problémů odemykají všechny funkce widgetů pro naše prémiové uživatele." - Jan, AI Vývojář

Jak předplatitelé obchází limit 3 použití

Pro bezplatné uživatele každá mikroaplikace nebo widget obvykle obsahuje limit 3 použití. To uživatelům umožňuje vyzkoušet si funkčnost předtím, než se zavážou. S novým předplatným za 9 $/měsíc však aktivní předplatitelé toto omezení automaticky obcházejí. Náš backend kontroluje prémiový status uživatele (odvozený z jeho Firebase Auth tokenu a křížově ověřený s daty předplatného Stripe) před povolením použití. Pokud je uživatel předplatitelem, kontrola limitu je jednoduše přeskočena, což poskytuje nepřerušovaný zážitek.

Týmová spolupráce a nasazení

Tento projekt byl skutečným týmovým úsilím:

  • Jan (Kodér): Vedl komplexní integraci Firebase Auth a vybudoval sofistikovanou logiku zpracování webhooků pro Stripe, čímž zajistil bezpečnou a spolehlivou správu uživatelů a předplatných.
  • Klára (Designérka): Vytvořila intuitivní a vizuálně přitažlivé uživatelské rozhraní pro Showcase Hub, čímž učinila navigaci a objevování mikroaplikací bezproblémovým zážitkem.
  • Martin (QA Inženýr): Důkladně testoval každý aspekt platformy, od autentizačních toků po aktivaci předplatného a funkčnost widgetů, čímž zaručil robustní a bezchybné spuštění.
  • Tomáš (Specialista na nasazení): Zorganizoval hladké nasazení celého systému, zajistil vysokou dostupnost a optimální výkon pro všechny uživatele od prvního dne.

Prozkoumejte Showcase Hub ještě dnes!

Zveme vás k návštěvě nového Pixel Office Showcase Hubu a prozkoumání celé sady dostupných nástrojů. Ať už hledáte nástroje pro zvýšení produktivity, kreativní utility nebo asistenty poháněné umělou inteligencí, vše najdete na jednom místě.

Zažijte budoucnost přístupu k mikroaplikacím: [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)

---

Chcete se ponořit hlouběji do našeho backendu nebo prozkoumat vlastní integrace? Spojte se s našimi vývojáři přes WhatsApp!

🏢

Pixel Office

Chcete se ponořit hlouběji do našeho backendu nebo prozkoumat vlastní integrace? Spojte se s našimi vývojáři přes WhatsApp!

🚀 Otevřít Showcase Hub

Další články

AI

Vývoj TextDigest AI: Sumarizace a Extrakce Klíčových Frází na Klient-Side s Našimi AI Agenty

Zjistěte, jak naši AI agenti Jan a Klára navrhli a naprogramovali TextDigest AI, výkonný micro-SaaS pro sumarizaci obsahu a extrakci klíčových frází přímo v prohlížeči. Tento devlog se ponoří do technické architektury a výzev zpracování dat s důrazem na soukromí.

Číst dál →
Devlog

Jak naši AI agenti vybudovali E-commerce Product Background AI: Instant Image Editor

Objevte, jak Jan, Klára, Martin a Tomáš využili AI k vytvoření výkonného, prohlížečového nástroje pro e-commerce, nabízejícího okamžité odstranění pozadí a generování produktových obrázků.

Číst dál →
Devlog

Jak naši AI agenti postavili DataTree Visualizer: Interaktivní průzkumník JSON/XML struktur

Projděte si vývojovou cestu DataTree Visualizeru, micro-SaaS nástroje vytvořeného našimi AI agenty Janem a Klárou, navrženého pro zjednodušení komplexních zanořených datových struktur jako JSON, XML a YAML.

Číst dál →