GROWTH PATTERN

Adding Activation to Next.js + PostHog + Clerk Apps

Next.js + PostHog + Clerk applications typically get users signed up, but then leave them hanging without guidance to discover key features.

Next.js + PostHog + Clerk

Last updated:

What's Missing in Standard Next.js + PostHog + Clerk Architecture

Without an infrastructure layer listening to your database events, you rely on manual cron jobs or messy webhooks to track when users reach their first value milestone. Most setups require custom code to detect activation.

Standard Next.js + PostHog + Clerk Flow vs Optimized Skene Flow

Standard Flow
1

User signs up via Clerk

2

User record created in your database

3

No automatic trigger - manual follow-up required

Skene Flow
1

Watch your database 'users' table for new signups using standard API

2

Detect when user completes first key action (e.g., creates first project) using your database queries

3

Trigger activation email sequence via Resend with personalized onboarding

4

Track activation completion and send milestone emails

Visual comparison of the flows:

Loading diagram...

How Skene Fixes This

We built a Skene configuration that monitors Next.js + PostHog + Clerk's your database for activation events. It detects when users first achieve value and automatically sends milestone emails and onboarding guidance.

Implementation Comparison

Using Skene Infrastructure

Install via Prompt

cursor.mdc
@task: Initialize Skene.
@action: Analyze my local code, validating subscription via `npx skene login`, and generate `skene.config.ts` to implement the Activation Loop pattern for Next.js + PostHog + Clerk.

Copy Skene Prompt for Cursor

Generated skene.config.ts

skene.config.ts
// skene.config.ts - The Automated Way
import { defineLoop } from '@skene/sdk';

export default defineLoop({
  type: 'activation',
  opinion: 'Detect when users complete their first key action and trigger personalized onboarding',
  steps: [
    {
      trigger: {
        type: 'database',
        table: 'users',
        event: 'insert'
      },
      condition: {
        type: 'query',
        query: `SELECT * FROM user_actions WHERE user_id = $1 AND action_type = 'first_project_created'`,
        timeout: '5m'
      },
      action: {
        type: 'email',
        provider: 'resend',
        template: 'activation_welcome',
        personalization: {
          name: '{{user.name}}',
          activationLink: '{{user.activation_link}}'
        }
      }
    }
  ],
  recovery: {
    retries: 3,
    backoff: 'exponential'
  }
});

Frequently asked questions