setActive("next")}>
Next.js
setActive("nest")}>
NestJS
setActive("express")}>
Express
{active === "next" &&
1. Install
{`npm i @snaplog/next`}
2. Create Logger
{`// lib/logger.ts
import { createLogger } from '@snaplog/next'
export const logger = createLogger({
apiKey: process.env.SNAPLOG_API_KEY!,
appName: 'my-app',
environment: process.env.NODE_ENV || 'development'
})`}
3. Log Anywhere
{`// Server Component / Route Handler / Server Action
import { logger } from '@/lib/logger'
export async function POST(request: Request) {
const body = await request.json()
logger.info('User created', {
track: { userId: body.id, email: body.email },
metrics: { latencyMs: 12, dbQueryCount: 1 },
subsystem: 'auth',
operation: 'signup'
})
return Response.json({ ok: true })
}`}
4. Verify
Open your SnapLog Dashboard → Logs → See your entry
}
{active === "nest" &&
1. Install
{`npm i @snaplog/nest`}
2. Register Module
{`// app.module.ts
import { Module } from '@nestjs/common'
import { SnapLogModule } from '@snaplog/nest'
@Module({
imports: [
SnapLogModule.forRoot({
apiKey: process.env.SNAPLOG_API_KEY!,
baseUrl: 'https://api.snaplogs.com/api/v1',
appName: 'my-app',
environment: process.env.NODE_ENV || 'development'
})
]
})
export class AppModule {}`}
3. Use in Services
{`// user.service.ts
import { Injectable } from '@nestjs/common'
import { SnapLogService } from '@snaplog/nest'
@Injectable()
export class UserService {
constructor(private readonly logs: SnapLogService) {}
async createUser(data: CreateUserDto) {
this.logs.info('User created', {
track: { userId: data.id, email: data.email },
metrics: { latencyMs: 12, dbQueryCount: 1 },
subsystem: 'auth',
operation: 'signup'
})
return user
}
}`}
4. Or Use Decorators
{`@Post()
@Log({ type: 'audit', importance: 'medium', subsystem: 'auth', operation: 'signup' })
@Track({ context: 'user-signup', attributes: { source: 'api' } })
async create(@Body() data: CreateUserDto) {
return this.userService.create(data)
}`}
5. Verify
Open your SnapLog Dashboard → Logs → See your entry
}
{active === "express" &&
1. Install
{`npm i @snaplog/express`}
2. Create Logger
{`// log.ts
import { createLogger } from '@snaplog/express'
export const log = createLogger({
apiKey: process.env.SNAPLOG_API_KEY!,
appName: 'my-app',
environment: process.env.NODE_ENV || 'development'
})`}
3. Attach Middleware
{`// app.ts
import express from 'express'
import { snapLogMiddleware, snapLogErrorHandler } from '@snaplog/express'
import { log } from './log'
const app = express()
app.use(snapLogMiddleware(log, { autoLog: true }))
// ...routes...
app.use(snapLogErrorHandler(log))`}
4. Log Anywhere
{`app.post('/users', (req, res) => {
log.info('User created', {
track: { userId: req.body.id },
subsystem: 'auth',
operation: 'signup'
})
return res.json({ ok: true })
})`}
5. Verify
Open your SnapLog Dashboard → Logs → See your entry
}
;
};