Nuxt use cases

Track User Signups in Nuxt

See new user registrations in real-time

View this guide for other frameworks

The problem

You have spent weeks building your Nuxt app, launched it, and now you are waiting. Checking your database every few minutes. Refreshing your analytics dashboard. Wondering if anyone actually signed up.

When a signup finally happens, you find out hours later buried in a weekly report. You miss the context of when it happened, where they came from, and what they did next. The excitement of a new user becomes just another row in a spreadsheet.

For launches and growth periods, this delay is especially painful. You want to know the moment someone takes a chance on your Nuxt product. You want to celebrate with your team when signups start flowing.

The solution

With npm install @quicklog/sdk and a few lines of TypeScript, Quicklog sends you a notification the moment someone signs up. Add the tracking call to your Vue composables and you will see their name, email, where they came from, and any other context you want to include. Your whole team can watch the signup feed together.

During launches, this changes everything. You see the spike in real-time. You know which channels are driving registrations. You can respond to trends as they happen, not days later.

Beyond the excitement, it is practical. You can follow up with users quickly. You can spot issues if signups suddenly stop. You stay connected to the heartbeat of your Nuxt app.

Why track this?

  • See signups the instant they happen
  • Know which channels drive registrations
  • Celebrate wins with your team in real-time

Quick setup

Install the SDK:

Terminal
npm install @quicklog/sdk

Add tracking to your Nuxt app:

TypeScript
import { Quicklog } from '@quicklog/sdk'

const ql = new Quicklog(process.env.QUICKLOG_API_KEY!)

// Track User Signups
await ql.track({
  channel: 'signups',
  event: 'user.registered',
  description: 'Describe what happened',
  user: {
    id: user.id,
    email: user.email,
    name: user.name
  },
  metadata: {
    // Add relevant context here
  }
})

Nuxt tips

  • Use Nuxt server routes in /server/api/ to track signups on the server side
  • Add tracking to your Nuxt Auth callback handlers for OAuth signup capture
  • Create a composable like useQuicklog() to standardize tracking across components

Ready to track user signups?

Set up in under 5 minutes. See events in your dashboard instantly.