Getting Started

Quick start guide to set up Sublyzer in your application in under 5 minutes.

Welcome to Sublyzer

Sublyzer is a complete observability platform that helps you monitor performance, track errors, analyze user behavior, and automatically fix bugs with AI. This guide will get you up and running in under 5 minutes.

What you'll achieve:

  • Create your first integration
  • Install the SDK in your app
  • Start collecting data in real-time
  • View your first dashboard
Step 1: Create an account

If you haven't already, sign up for a free account at sublyzer.com/auth/register.

You can sign up with email/password, Google, or Microsoft account. The free plan includes 1 integration with 7-day data retention — perfect for getting started.

Step 2: Create an integration

An integration represents your application or website in Sublyzer. Each integration gets a unique code that you'll use to send data.

  1. Go to the Dashboard
  2. Click "Create Integration" button
  3. Enter a name for your integration (e.g., "My Website" or "Production App")
  4. Copy the generated integration code — you'll need this next

Tip: Your integration code looks like this: abc123def456ghi789jkl012

Step 3: Install the SDK

Pick one path: download a ready-made SDK (or use the Windows installer), use an NPM package for JavaScript/React, or generate tailored code for other languages.

Installer (.exe)

Windows app — selects your stack, writes SDK files into your project. Download installer

SDK Customizer

Browser tool — generate & download SDK for JS, Python, PHP, Go, C++, and more. Open SDK Customizer

Option A: Download SDK or Installer

Installer: run sublyzer-installer.exe, enter your integration code, choose your language/framework. Files are copied into your project automatically.

SDK Customizer: open https://www.sublyzer.com/sdk-customizer, configure features, then Download the generated sublyzer.js (or language-specific files). Place them in your repo (e.g. public/sdks/ for web apps).

Option A (web): Script tag

Fastest for static sites — no build step:

<script
  src="https://www.sublyzer.com/sublyzer.js"
  data-integration-code="YOUR_INTEGRATION_CODE"
  defer
></script>

Option B: NPM Package

npm install @sublyzer/browser

Then initialize in your app:

import { Sublyzer } from '@sublyzer/browser';

Sublyzer.init({
  code: 'YOUR_INTEGRATION_CODE',
  // Optional: customize what data is collected
  performance: true,
  errors: true,
  sessions: true,
});

Option C: React / Next.js

npm install @sublyzer/react

In your _app.tsx or root layout:

import { SublyzerProvider } from '@sublyzer/react';

export default function App({ Component, pageProps }) {
  return (
    <SublyzerProvider code="YOUR_INTEGRATION_CODE">
      <Component {...pageProps} />
    </SublyzerProvider>
  );
}

Need a different language? Use the SDK Customizer to generate code for Python, PHP, Rust, Go, C++, and more. Full per-language docs: SDK Reference.

Step 4: Verify installation

After installing the SDK, verify everything is working:

  1. Open your application in a browser
  2. Navigate to a few pages to generate some data
  3. Go to your Sublyzer Dashboard
  4. Click on your integration to see data flowing in

Data should appear within seconds. If you don't see any data after a minute, check the Troubleshooting Guide.

Step 5: Explore your dashboard

Your integration dashboard gives you access to powerful features:

Performance

Core Web Vitals, load times, and trends

Errors

Track exceptions with full stack traces

Sessions

User sessions grouped by behavior

Security

Vulnerability detection and alerts

Analytics

Funnels, cohorts, and A/B testing

AI Insights

Automatic recommendations and fixes

What's next?

Now that you're set up, explore these features to get the most out of Sublyzer:

Need help? Join our Discord.