SeanStack Logo
SeanStackDocs

Create Your First Project

Let's build your first SeanStack application. Five minutes, tops.

1. Create a New Project

Use the CLI to scaffold a new SeanStack application

seanstack create my-awesome-app

This will prompt you to choose a template. For your first project, we recommend the "full-stack" template.

2. Choose Your Stack

Select the technologies that match your project needs

Includes:

  • ✓ Next.js 14 with App Router
  • ✓ Supabase authentication
  • ✓ Stripe billing integration
  • ✓ Marketing & app sites
  • ✓ Admin dashboard
  • ✓ Component library
  • ✓ AI-ready patterns

3. Install Dependencies

Navigate to your project and install packages

cd my-awesome-app
pnpm install

4. Set Up Environment Variables

Configure your local development environment

cp .env.example .env.local

Edit .env.local with your API keys:

# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key

# Stripe (optional for now)
STRIPE_SECRET_KEY=your_stripe_secret
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_public

5. Start Development

Fire up the development server

pnpm dev

Your apps will be available at:

  • 🌐 Marketing site: http://localhost:3000
  • 🚀 Web app: http://localhost:3001
  • 👨‍💼 Admin dashboard: http://localhost:3002

What's Next?

Add Patterns

Browse and add pre-built features to your app

Understand Architecture

Learn how SeanStack apps are structured

← InstallationProject Structure →