Skip to content

klippbio/klipp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Klipp

A SaaS platform for content creators to sell digital products, schedule meetings, and manage link-in-bio storefronts with integrated monetization features.

Demo

Check out the platform in action:

Klipp Demo

Features

Digital Product Sales

  • Seamless digital product marketplace for creators
  • Integrated payment processing with automated payouts
  • Customizable storefronts with link-in-bio functionality

Meeting Scheduling

  • Custom-built Calendly alternative
  • Timezone-aware scheduling system
  • Availability logic and conflict prevention
  • Google Calendar synchronization
  • Transactional email notifications via Resend

Monetization

  • Stripe Connect integration for automated creator payouts
  • Transparent fee handling
  • Revenue tracking and analytics

Analytics & Insights

  • PostHog integration for user behavior tracking
  • Page view analytics
  • Storefront visit dashboards
  • User engagement optimization tools

Tech Stack

Frontend

  • Next.js - React framework for production
  • React - UI library
  • Shadcn UI - Modern component library
  • React Query - Data fetching and state management
  • Clerk - Authentication and user management

Backend

  • Node.js - Runtime environment
  • TypeScript - Type-safe development
  • Prisma ORM - Database toolkit
  • Zod - Schema validation

Integrations

  • Stripe Connect - Payment processing and payouts
  • Google Calendar API - Calendar synchronization
  • PostHog - Product analytics
  • Resend - Transactional emails

Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn
  • PostgreSQL database
  • Stripe account
  • Clerk account

Installation

  1. Clone the repository
git clone https://github.com/yourusername/klipp.git
cd klipp
  1. Install dependencies
npm install
  1. Set up environment variables
cp .env.example .env.local
  1. Configure your .env.local file with:
  • Database connection string
  • Clerk authentication keys
  • Stripe API keys
  • PostHog project key
  • Resend API key
  • Google Calendar API credentials
  1. Set up the database
npx prisma generate
npx prisma db push
  1. Run the development server
npm run dev

Open http://localhost:3000 to view the application.

Project Status

Development Status: Discontinued after private beta

Klipp successfully completed a private beta phase with 50+ active users, demonstrating strong product-market validation. However, development was discontinued due to:

  • Market saturation in the creator economy space
  • Pricing challenges in a competitive landscape
  • Strategic pivot to focus on other opportunities

The codebase represents a fully-functional SaaS platform with production-ready features and serves as a comprehensive example of modern web application development.

Architecture

  • Frontend: Next.js application with server-side rendering
  • Backend: RESTful API with TypeScript and Prisma
  • Database: PostgreSQL with Prisma ORM
  • Authentication: Clerk-based user management
  • Payments: Stripe Connect for marketplace transactions
  • Analytics: PostHog for product insights
  • Email: Resend for transactional communications

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

This project is no longer under active development, but the codebase is available for reference and learning purposes.


Built with care for the creator economy

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages