Building a production-ready authentication and membership system for Framer-based websites.

Memberhub is a Framer plugin that enables creators and startups to add authentication, gated content, and paid access to their sites without building a custom backend from scratch. It integrates with common payment and community tools and is designed to work within Framer’s visual workflow.

The focus of the project was reliability, developer experience, and making complex access-control flows feel simple to configure.

Framer is design-first by nature, but adding real application behavior—authentication, subscriptions, and gated content—introduces complexity:

Framer projects lack a traditional backend by default

Authentication flows must be secure but easy to integrate visually

Access rules vary widely (free, paid, roles, one-time purchases)

Webhooks and async events need to stay reliable as usage grows

Errors in auth or payments directly affect trust and revenue

The challenge was to hide this complexity behind a clean plugin interface while keeping the underlying system robust and debuggable.

Designed and built the Memberhub Framer plugin, enabling:

Integrated payments and subscriptions via Stripe and LemonSqueezy

Added support for community-style access patterns (e.g. paid groups, gated pages)

Built backend services to handle:

Implemented Go-based webhook services for reliability and performance

Designed the system to remain stable under async event delivery and retries

Focused heavily on DX and UX, making configuration possible without deep backend knowledge

Built clear mental models around access rules so creators could reason about permissions visually

Reduced setup friction so users could go from design to live gated content quickly

Memberhub enabled Framer creators to launch real, revenue-generating sites without leaving the design environment. Authentication and access control became composable building blocks rather than custom engineering work.

From an engineering perspective, the project balanced:

Security-sensitive flows (auth, payments)

Async infrastructure (webhooks, events)

A design-first user experience

This made Memberhub both a product and an infrastructure project, sitting at the intersection of frontend tooling and backend systems.

TypeScript

Go (webhook services)

Framer Plugin API

Stripe & LemonSqueezy

Redis & PostgreSQL