Skip to main content
Back to Blog
How Tos & TutorialsDecember 16, 2024

How to Get Started with LaunchKit: Ship Your SaaS in Days

Step-by-step guide to launching your SaaS with LaunchKit. From clone to deploy in under an hour with auth, payments, and CRM ready.

LaunchKit Team

Building tools for makers

Getting started with LaunchKit tutorial

Prerequisites

Before you begin, make sure you have:

  • Node.js 18+ installed
  • A Supabase account (free tier works)
  • A Stripe account (test mode for development)
  • A code editor (VS Code recommended)

Step 1: Clone and Install

Start by cloning the repository and installing dependencies:

git clone https://github.com/your-org/launchkit-template.git my-saas
cd my-saas
npm install

Copy the example environment file:

cp .env.example .env.local

Step 2: Configure Supabase

Create a new project at supabase.com and copy your credentials to .env.local:

NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
SUPABASE_SERVICE_ROLE_KEY=your-service-role-key

Run the database seed to create tables:

npm run seed:supabase

Step 3: Configure Stripe

In your Stripe dashboard, create products and prices. Add your keys to .env.local:

STRIPE_PUBLIC_KEY=pk_test_...
STRIPE_SECRET_KEY=sk_test_...
STRIPE_WEBHOOK_SECRET=whsec_...

Update config.ts with your price IDs:

stripe: {
  plans: [
    { priceId: "price_starter_monthly", name: "Starter" },
    { priceId: "price_pro_monthly", name: "Pro" },
  ]
}

Step 4: Customize Your Brand

Open config.ts and update:

  • appName — Your product name
  • appDescription — One-line description
  • domainName — Your domain
  • colors — Primary and accent colors

Replace images in the /app folder: favicon, og-image, and twitter-image.

Step 5: Run Locally

Start the development server:

npm run dev

Open http://localhost:3000 and test the signup flow. Check Supabase to see new user records.

Step 6: Deploy to Production

Push your code to GitHub and connect to Vercel:

  • Import your repository on Vercel
  • Add environment variables from .env.local
  • Deploy with one click

Update Supabase redirect URLs and Stripe webhook endpoints to use your production domain.

What's Next?

With the foundation in place, you can now:

  • Add your core product features
  • Customize the dashboard for your use case
  • Write blog content for SEO
  • Set up lead capture integrations
  • Configure analytics tracking

Ready to ship faster?

LaunchKit gives you auth, payments, CRM, and everything you need to launch your SaaS in days, not months.

Get LaunchKit

Written by

LaunchKit Team

We're a small team passionate about helping developers and entrepreneurs ship products faster. LaunchKit is our contribution to the maker community.

Related Articles