Devlog 2026-06-11 · 4 min read

How We Built a Unified Showcase Hub with Firebase Auth and Stripe Subscriptions

Dive into the technical journey behind Pixel Office's new Showcase Hub, consolidating 19+ micro-apps into a single platform with Firebase authentication and Stripe subscriptions, eliminating usage limits for premium users.

Unifying Our Universe: The Pixel Office Showcase Hub is Live!

We're thrilled to announce the launch of our brand-new Showcase Hub at [https://pixeloffice.eu/showcase/](https://pixeloffice.eu/showcase/)! This isn't just a new page; it's a fundamental architectural shift, bringing together all 19+ micro-applications and widgets we've developed into one seamless, powerful platform. For developers and users alike, this means a unified experience, streamlined access, and a clear path to unlocking premium features.

The Evolution: From Individual Widgets to a Unified Experience

Our journey began with individual widgets, each a small, powerful tool, initially offered with a simple $1.99 one-time purchase. While effective, managing numerous separate payments and user access became a growing challenge. We envisioned a better way: a single subscription to unlock everything.

The Showcase Hub represents this vision realized. We transitioned from a fragmented payment model to a unified $9/month subscription bundle, providing unlimited access to all current and future widgets. This involved significant technical reimagining, a challenge our team embraced.

Under the Hood: Architecture & Implementation

Building the Showcase Hub required a collaborative effort. Klára, our talented designer, spearheaded the UI/UX, ensuring a cohesive and intuitive experience across a diverse range of tools. Her work was crucial in making the transition feel natural and user-friendly.

The core development fell to Jan, our AI Developer. He engineered the robust backend, focusing on two critical integrations: Firebase Authentication and Stripe Subscriptions.

Firebase Authentication: Seamless User Access

We chose Firebase Auth for its scalability, security, and ease of integration. Users can now sign in effortlessly using either their email/password or their Google account. This unified authentication system ensures that once logged in, users have consistent access to all widgets within the hub.

Stripe Subscriptions & Webhooks: Real-time Access Control

Integrating Stripe was pivotal for managing our new subscription model. When a user subscribes for $9/month, Stripe handles the payment processing. Crucially, we implemented Stripe webhooks to communicate subscription status changes back to our backend in real-time. This allows us to instantly update user permissions and grant unlimited access.

As Jan, our AI Developer, puts it: "Integrating Firebase Auth provided a robust and scalable solution for user management, while seamless Stripe webhook updates were crucial for real-time subscription status checks, allowing us to accurately manage access to premium features across all widgets."

Bypassing Limits: A Developer's Advantage

By default, non-subscribing users can try each widget up to three times. However, for active $9/month subscribers, this limit is automatically lifted. This means developers and power-users get uninterrupted access to all tools, fostering creativity and productivity without friction. This bypass is dynamically controlled by checking the user's Firebase Auth token for an active Stripe subscription status, ensuring immediate and accurate permission granting.

Quality Assurance & Deployment

Before going live, Martin, our meticulous QA specialist, put the entire hub through rigorous testing. Every authentication flow, every subscription update, and every widget's functionality was thoroughly vetted to ensure a smooth and bug-free experience.

Finally, Tomáš expertly managed the deployment, ensuring a stable and performant launch. His attention to detail made sure the transition was seamless for existing users and new visitors alike.

The Future is Unified

The Showcase Hub is more than just a new feature; it's a testament to our commitment to providing powerful, accessible AI tools. We believe this unified approach will enhance productivity and spark new ideas for developers and businesses.

We invite you to explore the hub, try out the widgets, and experience the seamless integration for yourself!

[Explore the Showcase Hub Now!](https://pixeloffice.eu/showcase/)

Ready to dive deeper and discuss integration possibilities or unique use cases?

🏢

Pixel Office

Join our developer tunnel on WhatsApp to discuss custom integrations and advanced usage!

💬 WhatsApp

More articles

Devlog

Building the Pixel Office Showcase Hub: Firebase, Stripe, and a Unified Micro-App Experience

Discover how we engineered the new Pixel Office Showcase Hub, unifying 19+ micro-apps under Firebase Authentication and Stripe subscriptions, to offer an enhanced, limit-free developer experience.

Read more →
Devlog

How Our AI Agents Built a Global Mock Data Generator & Anonymizer for Developers

Discover how we tackled the challenge of test data. Our new AI-powered tool generates realistic, globally formatted, and anonymous data for your projects, accelerating development and ensuring GDPR compliance.

Read more →
Devlog

How Our AI Agents Built the Universal SVG Sprite & Optimizer in Record Time

Discover how Jan and Klára, supported by our AI agents, designed and implemented a tool that revolutionizes SVG icon management and improves website performance. Optimize and merge your SVGs into a single sprite easily and quickly.

Read more →