Waitlist

Zap.ts provides a built-in waitlist feature to gauge product interest and collect potential user emails before launching your application.

Overview

• Customizable Display: Configure title, description, and user count visibility.
• Dynamic Control: Enable or disable the waitlist using feature flags.
• Email Collection: Gather potential user emails for launch announcements.
• Market Validation: Test product-market fit by measuring signup interest.

Purpose

Waitlists are often used before launching your real products. A lot of modern startups use waitlists before building their product to:

• Build Early Community - Create a group of engaged potential customers
• Collect User Insights - Gather feedback and understand your target audience
• Create Launch Momentum - Build anticipation for your product launch
• Generate Social Proof - Show momentum and credibility to future users
• Reduce Marketing Costs - Have a ready audience when you're ready to launch
• Validate Market Demand - Test if there's genuine interest in your product idea

Configuration

Toggle the waitlist using feature flags

The waitlist can be dynamically enabled or disabled using Zap.ts default flags without redeploying your application (if configured with an adapter).

// src/zap/lib/flags/flags.ts
import { flag } from "flags/next";

export const ZAP_DEFAULT_FLAGS = {
  ENABLE_WAITLIST_PAGE: flag({
    key: "enable-waitlist-page",
    defaultValue: false,
    decide: () => false, // Set to true to enable waitlist mode
  }),
};

Customize the waitlist

The waitlist appearance and behavior can be customized through the ZAP_DEFAULT_SETTINGS configuration:

// zap.config.ts
export const ZAP_DEFAULT_SETTINGS: ZapSettings = {
  WAITLIST: {
    TITLE: "try Zap.ts",
    DESCRIPTION: "be the first to build applications as fast as a zap.",
    SHOW_COUNT: true, // Display current signup count
  },
  // ...other settings
};

Configuration options

• TITLE: The main heading displayed on the waitlist page
• DESCRIPTION: Subtitle or tagline explaining the value proposition
• SHOW_COUNT: Show or hide the current number of signups

Of course, you can customize the code as you wish. Those options are just here to help you getting started even faster!