Back to Selected Works
LiveFree + $9/mo Pro

BioBiz

Premium Link-in-Bio Storefront

StackNext.js 16React 19SupabaseTailwind 4Framer MotionLemonSqueezy

The Product & Mission

BioBiz is a globally domain-agnostic, edge-rendered micro-storefront platform. It replaces clunky legacy websites with an ultra-fast, mobile-first centralized payments and booking hub, strictly orchestrated on the Next.js App Router.

Target Audience

Global and Local Service Providers (Plumbers, Salons, Therapists, Designers) who operate heavily via WhatsApp and Instagram but lack a high-conversion checkout flow.

The Core Problem

Small businesses lose massive mobile conversions due to terrible website UX. BioBiz solves this by stripping away friction, combining Linktree's simplicity with a live, Glassmorphism-designed mobile preview and integrated Lemon Squeezy Merchant of Record payments.

Architectural Deep Dive

Database Architecture & Row-Level Security (RLS)

PostgreSQL Triggers & Strict RLS

Architected a highly secure, multi-tenant Supabase PostgreSQL database completely eliminating the need for a traditional backend server API.

  • Strict RLS Policies: Engineered robust Row-Level Security policies ensuring users can maliciously never query, update, or delete profiles/links belonging to other tenants.
  • Database-Level Automation: Implemented custom PostgreSQL Trigger functions (handle_new_user) to autonomously synchronize Auth state with the public Profiles table upon user sign-up.
  • Relational Integrity: Structured an elegant schema cascading from Auth -> Profiles -> Pages -> Links with perfectly enforced foreign key constraints.

The Split-Screen Live Preview Engine

Next.js 14 Server Actions

Built the core Dashboard experience around a synchronous, real-time UI that dramatically increases user activation rates.

  • Real-time State Synchronization: Architected a split-screen React state system where complex form mutations (colors, SVG icons, link order) instantly re-render within a nested mobile device preview.
  • Zero Exposed APIs: Eliminated REST vulnerabilities by processing all mutations strictly through Next.js Server Actions running directly on Vercel Edge functions.
  • Premium UI/UX Engineering: Replaced standard generic CSS with Glassmorphism, 1px translucent borders, and Framer Motion micro-interactions to create a 'Million-Dollar Company' aesthetic.

Growth Engineering (Product-Led Virality)

Viral Loop Architecture

Engineered the platform's distribution engine directly into the product's UI to achieve zero-CAC (Customer Acquisition Cost) growth.

  • The Viral Bait: Implemented a strict 'Created for free with BioBiz' badge at the bottom of all free-tier storefronts, turning 100% of existing users into involuntary affiliates.
  • Upgrade Triggers: Strategically injected contextual upgrade prompts natively into the UI (e.g., trying to disable the badge or select a premium theme instantly opens a pro-tier modal).
  • Frictionless Onboarding: Integrated Google One-Tap auth directly into the landing page CTA, dropping the time-to-value for a user from minutes to less than 60 seconds.

Programmatic SEO & GEO Discoverability

Dynamic robots.txt & Sitemap

Architected a scalable indexing pipeline ensuring every user-generated storefront is immediately discoverable on traditional Google Search and AI-driven Generative Engines.

  • User Page Indexing: Engineered dynamic routing that automatically renders perfectly optimized, semantic HTML for each business page, ensuring instant indexability by Google.
  • AI Crawler Licensing: Implemented advanced robots.txt configurations to authorize high-value LLM crawlers (GPTBot, PerplexityBot) to index these local business storefronts.
  • Domain-Agnostic SEO: Built structural metadata extraction so regardless of the domain the platform is deployed on, social sharing cards and search snippets display flawlessly.

Mastery & Skills Acquired

Programmatic SEO & Scalable IndexingGenerative Engine Optimization (GEO)Next.js App Router & React Server ComponentsPostgreSQL Trigger Functions & Row-Level Security (RLS)Product-Led Growth (PLG) Virality EngineeringLemon Squeezy (Merchant of Record) WebhooksReal-time React State Synchronization & Glassmorphism UI

Post-Mortem: What I Learned

Building BioBiz taught me that the best software isn't about writing the most complex code; it's about friction reduction. By stripping away multi-page REST workflows and substituting them with instant live previews, Google One-Tap auth, and Server Actions, I learned how to architect conversion funnels that actually monetize.

Notes for Technical Recruiters

I build products that sell themselves. The architecture of BioBiz proves I don't just write React components—I engineer zero-bound growth loops, design deeply secure multi-tenant PostgreSQL databases with RLS, and understand conversion optimization psychology.

Let's Make It Happen

always open to new opportunities, collaborations, and creative challenges. Let's work together to bring your ideas to life

Get In Touch
© 2026 M M Afraz. All rights reserved.

M M AFRAZ