Get Started with Coachable Cards

Goal

Get up and running with Coachable Cards in under 3 minutes. Understand what it is, set up your environment, and experience your first deck.

What is Coachable Cards? (90 seconds)

Coachable Cards is a platform for reflective question decks — interactive card experiences that create deeper dialogue and transformation.

The Problem

• Surface-level conversations
• Lack of engagement in sessions
• Difficulty scaling personal coaching approaches

The Solution

Reflective question decks that:

• Create instant engagement
• Provide structure and depth
• Enable scalable coaching practices
• Measure impact through analytics

The Magic

Transformation happens in the moment, not in the software.

The real value isn't in the platform — it's in the room, when someone picks a card and suddenly sees something they've never seen before.

Quick Start

1. Browse Available Decks

Visit the deck browser to see what's available:

https://c.cards/app/decks

Or use any deck subdomain:

• leadership.c.cards
• habits.c.cards
• 10x.c.cards

2. Navigate Cards

Desktop:

• ← / → arrow keys to navigate
• Space to reveal next card
• Q to generate QR code

Mobile:

• Swipe left/right to navigate
• Tap to reveal

3. Share a Card

Every card has a shareable link. Click the share button or use:

https://c.cards/shared/{card-id}

3-Minute Setup Checklist

✅ Step 1: Environment Variables (1 min)

Copy .env.example to .env.local:

cp env.example .env.local

Required variables:

• NEXT_PUBLIC_SUPABASE_URL
• NEXT_PUBLIC_SUPABASE_ANON_KEY
• SUPABASE_SERVICE_ROLE_KEY

See Environment Variables Reference for complete list.

✅ Step 2: Local Development (1 min)

Start the development server:

npm install
npm run dev

Visit http://localhost:3000

✅ Step 3: First Deck Experience (1 min)

1. Go to http://localhost:3000/app/decks
2. Click any deck
3. Navigate through cards (arrow keys or swipe)
4. Share a card with someone

Done! You're ready to use Coachable Cards.

Copy-Paste Examples

Browse Decks

# Open in browser
open http://localhost:3000/app/decks

Direct Deck Link

# Access a deck directly
open http://localhost:3000/leadership

Share a Card

# Share link format
https://c.cards/shared/{card-id}

Next Steps

• Create Your First Deck - Build, share, and embed a deck
• URL Patterns Reference - Understand routing and subdomains
• Environment Setup - Complete env var guide
• Troubleshooting - Common issues and fixes

Ready to build? → Create Your First Deck