How VÉLOURA Beauty Uses Firebase Remote Config for A/B Testing Without Redeploying · GitHub

/" data-turbo-transient="true" />

Skip to content

-->

Search Gists

Search Gists

Sign in

Sign up

You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

{{ message }}

Instantly share code, notes, and snippets.

velourabeautyondemand-tech/firebase-remote-config-ab-testing.md

Last active<br>August 21, 2026 20:49

Show Gist options

Download ZIP

Star

(0)

You must be signed in to star a gist

Fork

(0)

You must be signed in to fork a gist

Embed

Select an option

Embed<br>Embed this gist in your website.

Share<br>Copy sharable link for this gist.

Clone via HTTPS<br>Clone using the web URL.

No results found

Learn more about clone URLs

Clone this repository at &lt;script src=&quot;https://gist.github.com/velourabeautyondemand-tech/64fdd133fc36b723823ea01bca41cd9a.js&quot;&gt;&lt;/script&gt;

" readonly="readonly" data-autoselect="true" data-target="primer-text-field.inputElement " aria-describedby="validation-01e7ed2a-d929-4ec0-a319-8f342d2ab0aa" class="form-control FormControl-monospace FormControl-input FormControl-small rounded-left-0 rounded-right-0 border-right-0" type="text" name="gist-share-url-sized-down" />

Save velourabeautyondemand-tech/64fdd133fc36b723823ea01bca41cd9a to your computer and use it in GitHub Desktop.

Embed

Select an option

Embed<br>Embed this gist in your website.

Share<br>Copy sharable link for this gist.

Clone via HTTPS<br>Clone using the web URL.

No results found

Learn more about clone URLs

Clone this repository at &lt;script src=&quot;https://gist.github.com/velourabeautyondemand-tech/64fdd133fc36b723823ea01bca41cd9a.js&quot;&gt;&lt;/script&gt;

" readonly="readonly" data-autoselect="true" data-target="primer-text-field.inputElement " aria-describedby="validation-70bafe91-70f0-4342-8a2d-55ff83929530" class="form-control FormControl-monospace FormControl-input FormControl-small rounded-left-0 rounded-right-0 border-right-0" type="text" name="gist-share-url-original" />

Save velourabeautyondemand-tech/64fdd133fc36b723823ea01bca41cd9a to your computer and use it in GitHub Desktop.

Download ZIP

How VÉLOURA Beauty Uses Firebase Remote Config for A/B Testing Without Redeploying

Raw

firebase-remote-config-ab-testing.md

How VÉLOURA Beauty Uses Firebase Remote Config for A/B Testing Without Redeploying

Live Demo: https://velourabeautyondemand.com

VÉLOURA is a luxury beauty marketplace connecting elite professionals with clients — on-demand, in-home, and on your schedule. We use Firebase Remote Config to control content dynamically without redeploying code.

Why We Use Remote Config

No redeploys — Change content instantly

A/B testing — Test different headlines and messages

Feature flags — Turn features on/off remotely

SEO optimization — Update titles and meta content without waiting for builds

Our Remote Config Parameters

Parameter Key<br>Data Type<br>Description

show_ads<br>Boolean<br>Toggles the "Partner Showcase" section on the Home Page

show_promo_banner<br>Boolean<br>Toggles the top announcement bar

promo_banner_text<br>String<br>Content for the top announcement bar

hero_title_override<br>String<br>Replaces the main Home Page title (SEO tool)

hero_subtitle_override<br>String<br>Replaces the main Home Page subtitle (A/B testing tool)

How to Update These Settings

Open the Firebase Console

Navigate to Release & Monitor > Remote Config

Ensure you are on the Parameters tab

Update the values as desired

IMPORTANT: Click the blue Publish changes button to make them live

How to Set Up A/B Testing

Step 1: Create an Experiment

Go to Remote Config > A/B Tests > Create experiment

Variants (Step 1): Choose your parameter (e.g., hero_title_override)

Important: Ensure "Variant A" has a different value than the Baseline. If both say "(no change)", the test won't provide any data.

Step 2: Set Up Targeting

Targeting (Step 2): If you don't see "All Users", click Choose or create new

Click Create new condition

Name it All_visitors

Set the rule to: App ID > select your web app

Set exposure to 100%

Step 3: Run the Test

Monitor results in the Firebase Console

Pick the winning variant

Publish the winner to all users

Real Example

We used A/B testing to optimize our homepage headline:

Variant<br>Headline<br>Conversion Impact

Baseline<br>"VÉLOURA Beauty on Demand"<br>Control group

Variant A<br>"Luxury Beauty — Anywhere, Anytime"<br>+12% click-through

Variant B<br>"Your Beauty, Your Schedule"<br>+8% click-through

Winner: Variant A was published to all users.

Code Snippet

Here's how we fetch Remote Config in NextJS:

import { getRemoteConfig, getValue } from 'firebase/remote-config';

// Get Remote Config instance<br>const remoteConfig = getRemoteConfig();

// Fetch values<br>const heroTitle = getValue(remoteConfig,...