47 lines
1.4 KiB
Plaintext
47 lines
1.4 KiB
Plaintext
# Clerk Environment Variables for React + Vite
|
|
#
|
|
# Copy this file to .env.local and fill in your actual values
|
|
# Get your keys from https://dashboard.clerk.com
|
|
|
|
# ==========================================
|
|
# REQUIRED
|
|
# ==========================================
|
|
|
|
# Publishable Key (safe to expose to client)
|
|
# CRITICAL: Must use VITE_ prefix for Vite to expose to client
|
|
VITE_CLERK_PUBLISHABLE_KEY=pk_test_...
|
|
|
|
# ==========================================
|
|
# SECURITY NOTES
|
|
# ==========================================
|
|
|
|
# 1. NEVER commit .env.local to version control
|
|
# Add .env.local to .gitignore
|
|
#
|
|
# 2. Must use VITE_ prefix for client-side variables
|
|
# Without VITE_ prefix, variable won't be available
|
|
#
|
|
# 3. Only VITE_ prefixed vars are exposed to browser
|
|
# Never use VITE_ prefix for secrets
|
|
#
|
|
# 4. Restart dev server after changing .env.local
|
|
# Vite only reads env vars on startup
|
|
#
|
|
# 5. Use different keys for development and production
|
|
# - Development: pk_test_...
|
|
# - Production: pk_live_...
|
|
|
|
# ==========================================
|
|
# ACCESS IN CODE
|
|
# ==========================================
|
|
|
|
# Use import.meta.env to access:
|
|
# const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY
|
|
|
|
# ==========================================
|
|
# REFERENCE
|
|
# ==========================================
|
|
|
|
# Vite Env Vars: https://vitejs.dev/guide/env-and-mode.html
|
|
# Clerk Docs: https://clerk.com/docs/references/react/clerk-provider
|