Startup Starter Kits
  • Launch Manual
    • Clone the Repository and Install Dependencies
    • Generate NextJS Apps or Components Using ssk-plugin
    • Start Your Project in Development Mode
    • Configure Your Environment Variables
    • Run Your Project in Production Mode Locally
    • Launch Your Project
  • SSK-Core Features
    • UI Components
    • Root Layout
    • SEO
    • Icons
    • Feature Flags
    • Utilities
    • Templates
      • Privacy Policy Template
      • Terms of Service Template
  • SSK-Pro Features
    • AI Chat Integration
      • Setting Up AI Providers
      • Using the Pre-built Chat Component
      • Securing Chatbot Conversations
      • Testing and Customizing AI Responses
    • Google Analytics
      • Setting Up Google Analytics
      • Implementing Pageview Tracking
      • Handling Cookie Consent
      • Tracking Events
    • Payments Integration
      • Stripe Payments
        • Setting Up Your Stripe Account
        • Installing Stripe in Your Application
        • Implementing in Your Project
      • Lemon Squeezy
        • Setting Up Lemon Squeezy Account
        • Configuring the Webhook Endpoint
        • Testing and Verifying Integration
    • Affiliate Marketing
      • Lemon Squeezy
      • Rewardful
    • Form and reCAPTCHA
      • Setting Up reCAPTCHA
      • Integrating reCAPTCHA with Forms
      • Verifying reCAPTCHA on the Backend
      • Environment Variables for reCAPTCHA
      • Testing reCAPTCHA Integration
    • Email Integration with Nodemailer
      • Setting Up Email Server
      • Sending Contact Requests
    • Authentication
      • Auth with Google
      • Implement Auth0
  • SSK-Core GitHub Repo
  • SSK-Pro GitHub Repo
  • Contact Support
  • Three Tech Consulting
  • SSK-License
Powered by GitBook
On this page
  • The Basics – Make It Personal
  • Feature Flags – Control Features with Ease
  • Setting Up in Vercel
  1. Launch Manual

Configure Your Environment Variables

Environment Setup for Startup Starter Kits

Environment variables are the lifeblood of Startup Starter Kits (SSK), giving you the power to customize and control your application’s behavior without touching a single line of code. From essential details like your company’s name to toggling dynamic features, let’s get your environment in perfect shape!

The Basics – Make It Personal

Your key environment variables handle branding, URLs, and more. Here’s a quick example:

# Core Info (Make It Yours!)
NEXT_PUBLIC_COMPANY_NAME="Your Company Name"
NEXT_PUBLIC_EMAIL="contact@yourcompany.com"
NEXT_PUBLIC_COMPANY_WEBSITE="https://yourcompany.com"
NEXT_PUBLIC_FULL_URL="https://yourproduct.com"

🌟 Tip: Update these with your company’s details to make sure every user touchpoint feels on-brand.

Feature Flags – Control Features with Ease

All feature flags in SSK are prefixed with FF_ and let you control features on the fly. Want to run a new integration or disable a feature for testing? Just flip a flag!

Example Feature Flags

# Feature Toggles (Simple, Powerful)
FF_REWARDFUL=true
FF_LEMON=false
FF_STRIPE=true

These flags allow you to enable or disable features instantly, giving you the flexibility to experiment, test, and roll out new functionality without redeploying.

Setting Up in Vercel

When you’re ready to deploy, make sure to add these environment variables in Vercel. Navigate to your project’s Settings tab, find Environment Variables, and add your keys and values. This ensures your application runs smoothly across all environments.

With your environment variables and feature flags configured, you’re ready to adapt, scale, and deliver an exceptional user experience! 🚀

PreviousStart Your Project in Development ModeNextRun Your Project in Production Mode Locally

Last updated 6 months ago