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.
- Go to the Dashboard
- Click "Create Integration" button
- Enter a name for your integration (e.g., "My Website" or "Production App")
- 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:
- Open your application in a browser
- Navigate to a few pages to generate some data
- Go to your Sublyzer Dashboard
- 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:
- Dashboard Guide — Learn all dashboard features
- Analytics — Set up funnels and cohort analysis
- Alerts — Get notified when issues occur
- AI Features — Use AI to analyze and fix bugs
- GitHub Integration — Enable Auto-Patch for automatic fixes
- Webhooks — Push events to your stack
- API Reference— REST endpoints & SDK install options
Need help? Join our Discord.