Frameworks
Next.js Integration Guide
Full-stack logging for Next.js 14, 15, and 16 using App Router, Route Handlers, and Server Actions.
1. Install Package
npm install @notlogs/next2. App Router API Route Handlers
app/api/user/route.ts
typescriptimport { createLogger } from "@notlogs/next";
import { NextResponse } from "next/server";
const logger = createLogger({
apikey: process.env.NOTLOGS_API_KEY!,
appName: "nextjs-storefront",
});
export async function GET(request: Request) {
logger.info({
message: "Fetched user profile",
service: "user-api",
operation: "get_profile",
});
return NextResponse.json({ name: "Alex" });
}3. Server Actions
actions/billing.ts
typescript"use server";
import { logger } from "@/lib/logger";
export async function upgradePlan(userId: string, planTier: string) {
try {
// Process subscription
logger.success({
message: `User ${userId} upgraded to ${planTier}`,
service: "billing",
track: { userId },
});
return { success: true };
} catch (error: any) {
logger.error({
message: `Upgrade plan failed: ${error.message}`,
importance: "critical",
service: "billing",
track: { userId },
});
throw error;
}
}