- Documentation
- Getting Started
- Quick Start
Getting Started
Quick Start
Get up and running with Inpera in 5 minutes
Overview
This guide will help you get started with Inpera in just 5 minutes. We'll walk you through the essential setup steps to start using visual annotations and regression testing.
Step 1: Install Inpera
First, install the Inpera SDK in your project:
npm install @inpera/sdkStep 2: Get Your API Key
Sign up for an Inpera account and get your API key from the dashboard:
- Go to inpera.app and create an account
- Navigate to Settings → API Keys
- Create a new API key
- Copy the key (you'll need it in the next step)
Step 3: Initialize Inpera
Initialize Inpera in your application:
import { Inpera } from '@inpera/sdk';
const inpera = new Inpera({
apiKey: process.env.INPERA_API_KEY,
projectId: 'your-project-id'
});Step 4: Create Your First Annotation
Now you can start creating visual annotations:
// Capture a snapshot
const snapshot = await inpera.capture({
url: 'https://your-app.com',
name: 'Homepage'
});
// Create an annotation
await inpera.annotate({
snapshotId: snapshot.id,
x: 100,
y: 200,
comment: 'This button needs to be larger'
});Next Steps
Congratulations! You've successfully set up Inpera. Here's what you can do next: