// case_study

$ cat spaciofitCase study · Avalith × SpacioFit

We turned a yoga studio into a premium digital platform.

SpacioFit is Erika Zafra's online yoga platform (Miami): live and recorded classes, a custom gamification economy, community, and a B2B engine — all designed to be run by a single teacher, with no technical team.

Next.js 16Supabase / PostgreSQLStripeVercelPWAB2C + B2BGamification
// the_challenge

From the mat to a product that scales

A teacher with real students, income across several channels, and zero infrastructure. The challenge wasn't “build a video app” — it was a premium experience that retains, monetizes in multiple ways, and is self-administrable by a non-technical person.

  • Feel premium and coherent, not a loose catalog of videos.
  • Retention: students come back and practice, instead of churning.
  • Monetize multiple ways (memberships, premium content, companies).
  • Erika runs it all herself: content, payments, community, clients.
  • Reliable with real money: payments, access, and billing with no errors.
// the_approach

The solution

A complete platform — “La Shala” — with a custom gamification engine, a social layer, live classes, a self-running admin panel, and a B2B vertical (“Corpo”) to sell corporate access. Built on a modern, serverless, secure stack.

// by_the_numbers

By the numbers

0+
active students in the first month
0
unified content libraries
0
business models (B2C + B2B) in one platform
pending
client companies · MRR · retention

200+ active students in the first month is confirmed by the client. Figures beyond that are still pending — nothing else here is estimated or fabricated.

// product

Everything SpacioFit does

//01

La Shala + Círculos

A living dashboard where each practice adds hours and levels you up through “Círculos” (a progression system that gives continuity and meaning to practice).

//02

Pranas economy

A custom internal currency: students earn Pranas by practicing and spend them to book live classes and unlock premium content. An engagement engine, not just a counter.

//03

4 unified libraries

Learn with Erika (daily practice), Active Pauses, Challenges (multi-day programs), and Master Classes (with guests). Same design system, same premium experience across all.

//04

“El Círculo” social layer

Namasté (appreciation gesture), comments, following, direct messaging, a weekly collective goal, and a community discovery view. “Appreciation, not podium”: no rankings, no competition.

//05

Live classes

A live schedule with embedded Zoom, booking with Pranas, and live Master Classes with guest teachers.

//06

Corpo (B2B)

Companies buy access for their employees: seat management, monthly Pranas per employee, client onboarding, and invoices issued and emailed from the platform itself.

//07

Teacher Training

A 200-hour training campus with module progress, evaluations, and a certificate — separate from the practice content, for the professional path.

//08

Self-running admin

A panel that manages itself: retention radar (at-risk students), one-click access grant/revoke + automatic email, content, schedule, and B2B client management.

//09

Installable app (PWA)

Installs on the phone like a native app, with a dedicated mobile home; most students practice from their phone.

// the_stack

The stack

Framework
Next.js 16 (App Router): React Server Components + client islands + Server Actions. Server-rendered by default, minimal JS to the client.
Data & backend
Supabase / PostgreSQL with Row-Level Security, RPC functions, and strict separation between the user client (RLS) and the admin client (service-role) for safe cross-reads.
Payments
Stripe: subscriptions, checkout, and a USD purchase funnel; coexisting with the internal Pranas economy and custom B2B billing.
Video
Mux (streaming with signed thumbnails) and embedded YouTube, unified behind a single player.
Communications
Resend for transactional email (welcomes, access, credentials) and @react-pdf/renderer to generate branded invoices, attached by email — all serverless, no binaries.
Infra
Vercel (Fluid Compute): continuous deploys, serverless functions, custom domain.
Design system
A unified design system (brand tokens + a shared card component) giving premium coherence across the whole platform.
01

Custom gamification engine

Pranas (transactional ledger), Círculos by hours, streaks, badges, and a retention radar — all bespoke, not a plugin.

02

Data security by design

Postgres RLS, admin/user separation, and fail-safe money flows (the invoice is saved before the email is sent; access is never lost).

03

Dual business model on one base

B2C (memberships + Pranas + USD funnel) and B2B (Corpo: seats, per-employee Pranas, billing) coexisting on the same platform.

04

Correct by design

Miami timezone in every calculation, lazy trial expiration, and idempotency in charges and access so nothing is ever duplicated.

05

End-to-end billing

Client onboarding, branded invoice issuance, PDF attachment, and email delivery — all from the admin, no external tools.

06

Real mobile-first

An installable PWA with a dedicated mobile home, not a shrunk-down desktop.

Next.js 16 (App Router)React Server ComponentsTypeScriptSupabasePostgreSQL + RLSStripeResendMuxYouTube API@react-pdf/rendererZoomVercel (Fluid Compute)PWATailwind CSS
// the_avalith_way

Why it's different

This wasn't “outsource an app.” It was building a product with business and design judgment in every decision.

Product with values

“Appreciation, not podium”: no rankings, no competition. Namasté (not a “like”) as the central gesture. The design reinforces the brand's philosophy instead of contradicting it.

Owner autonomy

Built so a non-technical person can run the whole thing: content, payments, community, B2B clients, and billing, with no dependencies.

Quality as a differentiator

A coherent, premium design system across the platform: visual and UX consistency as a competitive advantage, not a detail.

A living product, not a deliverable

Continuous iteration: new sections, a social layer, business verticals, and UX improvements shipped constantly to production with real clients using the system.

Scalable from the root

Serverless architecture and a data model that grows in students, content, and companies without rebuilding the base.

// still_shipping

This case is still shipping.

This case study is live and growing. A few pieces are still pending from the client:

  • Additional metrics — client companies, MRR, retention %, and total hours practiced — pending final numbers from the client.
  • Founder & student testimonials — pending final quotes from Erika and SpacioFit students.
  • Product screenshots — pending final asset delivery from the client.
  • Project timeline — pending confirmation of key delivery milestones.

Ready to build with us?

Small senior teams, AI-accelerated delivery, real results. Let's talk about what you're building next.

book_a_call()