GROWTH PATTERN

Adding Activation to Nuxt + Firebase Apps

The standard Nuxt + Firebase setup creates user accounts but lacks the infrastructure to detect and celebrate when users first achieve value.

Nuxt + Firebase

Last updated:

What's Missing in Standard Nuxt + Firebase Architecture

Firebase has real-time listeners, but they don't automatically detect activation milestones. You'd need to manually check Firestore documents or set up Cloud Functions to track when users complete key actions.

Standard Nuxt + Firebase Flow vs Optimized Skene Flow

Standard Flow
1

User signs up via authentication

2

User record created in Firestore

3

No automatic trigger - manual follow-up required

Skene Flow
1

Watch Firestore 'users' table for new signups using firestore.collection()

2

Detect when user completes first key action (e.g., creates first project) using Firestore 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

This Skene Prompt installs activation detection into Nuxt + Firebase by watching Firestore tables for key user actions. When users complete their first value milestone, it triggers welcome sequences and feature discovery emails.

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 Nuxt + Firebase.

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