Skip to content
BuildBase SDK · Live Demo

A working demo built with the BuildBase SDK

Sign in to see auth, multi-tenant workspaces, credit billing, push notifications, and 8-language i18n all working together in a real app — powered by the BuildBase SDK.

Built with
Next.js 16
TSTypeScript
Tailwind CSS
shadcn/ui
Prisma
BuildBase SDK
8Languages in this demoswitch with the header toggle
13Live SDK featureseach has a working demo page
2Notification channelsbrowser push + email
0Lines of auth codethe SDK handles it all

Explore the demo

See what's working in this app

Each capability below is live — sign in and click through to see the BuildBase SDK in action, not just in writing.

Auth

OAuth sign-in, out of the box

The Sign In button above uses the BuildBase SDK — one hook, no session logic to write. After signing in you get a JWT, workspace token, and role automatically.

Sign in to try it
Workspaces

Multi-tenant workspace switcher

Every user can belong to multiple workspaces with different roles. The dashboard sidebar shows your current workspace and lets you switch between them.

Open dashboard
Credits

Live credit balance & consumption

The credits page shows your live balance, lets you buy more via a built-in modal, and has test buttons that call the SDK's consumeCredits() in real time.

Try credit consumption
Notifications

Browser push & email delivery

The notifications page lets you subscribe your browser, compose a notification with title, urgency, action buttons, and scheduled delivery — then send it live.

Send a test notification
i18n

8 languages including Arabic RTL

Use the language switcher in the header to switch between English, Hindi, Spanish, French, German, Japanese, Chinese, and Arabic — the layout flips to RTL automatically.

Switch to Arabic
Content

MDX blog & changelog, built in

The blog and changelog are MDX files compiled at build time via Contentlayer2. No CMS, no database — just files with type-safe frontmatter, full-text search, and RSS.

Read the blog
Quotas

Quota usage with overage gates

The usage page calls useAllQuotaUsage() to show per-quota progress bars. WhenQuotaExhausted blocks UI when a quota hits zero; WhenQuotaOverage shows overage details.

View quota usage
Permissions

Role-based permission matrix

The permissions page uses usePermissions() and WhenPermission to show every platform permission as granted or denied based on your current workspace role in real time.

Check your permissions
Events

Live SDK event stream

The events page wires up eventEmitter.setCallbacks() to capture all SDK events as they fire — workspace changes, user updates, role changes — in a live scrolling log.

Open event log
User data

User attributes & feature flags

The profile page reads useUserAttributes() and useUserFeatures() to show custom key-value pairs and per-user feature flag states, and lets you write new attributes live.

View your profile
Invoices

Invoice history & billing portal

The invoices page calls useInvoices() to list all Stripe invoices with status, amount, and PDF links. A single button opens the Stripe Customer Portal via useBillingPortal().

View invoices
Seats

Seat limits & invite gating

The dashboard calls useSeatStatus() to show member count vs plan limits in real time. WhenNoSubscription, WhenSubscription, and WhenSubscriptionToPlans gate UI to the right audience.

Open dashboard
Feature flags

Workspace-level feature gates

The profile page uses WhenWorkspaceFeatureEnabled and WhenWorkspaceFeatureDisabled to toggle content based on workspace-level feature flags configured in the BuildBase dashboard.

See feature gates

Pricing

Choose the plan that fits your needs

Credit Packages

Purchase credits to unlock premium features like AI generation, exports, and more.

Ready to see it all working?

Sign in to open the full dashboard — try switching workspaces, consuming credits, sending a push notification, and switching between all 8 languages.